Bootstrap 4 项目教程

Bootstrap 4 项目教程

bootstrap4 Repository for my tutorial course: Bootstrap 4 Essential Training on LinkedIn Learning and Lynda.com. 项目地址: https://gitcode.com/gh_mirrors/bo/bootstrap4

1. 项目的目录结构及介绍

bootstrap4/
├── builds/
│   └── bootstrap/
├── .gitignore
├── CONTRIBUTING.md
├── LICENSE
├── NOTICE
├── README.md
├── package-lock.json
└── package.json

• builds/: 包含构建后的 Bootstrap 文件。
• .gitignore: 指定 Git 忽略的文件和目录。
• CONTRIBUTING.md: 贡献指南。
• LICENSE: 项目许可证。
• NOTICE: 项目通知。
• README.md: 项目介绍和使用说明。
• package-lock.json: 锁定依赖版本的文件。
• package.json: 项目的依赖配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 package.json 文件中的 scripts 部分。通过运行以下命令可以启动项目：

npm start

这个命令会启动一个本地服务器，用于实时预览项目。

3. 项目的配置文件介绍

package.json

package.json 文件包含了项目的依赖配置和脚本命令。以下是一些关键配置：

{
  "name": "bootstrap4",
  "version": "1.0.0",
  "description": "Repository for my tutorial course: Bootstrap 4 Essential Training on LinkedIn Learning and Lynda.com",
  "main": "index.js",
  "scripts": {
    "start": "npm run serve",
    "serve": "http-server -p 8080"
  },
  "dependencies": {
    "bootstrap": "^4.0.0",
    "jquery": "^3.2.1",
    "popper.js": "^1.12.9"
  }
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 主入口文件。
• scripts: 包含可执行的脚本命令，如 start 和 serve。
• dependencies: 项目依赖的包。

通过这些配置，可以轻松管理项目的依赖和启动方式。

bootstrap4 Repository for my tutorial course: Bootstrap 4 Essential Training on LinkedIn Learning and Lynda.com. 项目地址: https://gitcode.com/gh_mirrors/bo/bootstrap4