下载及安装
Bootstrap 需要通过 npm 脚本 来进行构建文档并编译源文件。Bootstrap 的 package.json 文件中包含了这些用于编译源码、运行测试等工作的脚本。
请按照以下步骤操作并搭建本地运行环境:
- 下载并安装 Node.js,其自带了我们用于管理依赖项的工具。
- 下载 Bootstrap 的源码或克隆 Bootstrap 的源码仓库到本地。
- Win+R 运行 cmd,进入Bootstrap 根目录。
cd /d 文件路径
- 运行 npm install 以安装 package.json 文件中列出的所有依赖项到本地。
上述步骤完成后,就可以运行 Bootstrap 所提供的各个命令了。
npm 脚本命令
Bootstrap 自带的 package.json 文件包含了用于项目本身开发所需的许多命令。运行 npm run 以查看所有可用的命令。 包含的的主要命令如下:
命令 | 描述 |
---|---|
npm start | 编译CSS和JavaScript,构建文档,并启动本地服务器。 |
npm run dist | 创建带有编译文件的 dist/ 目录。 |
npm test | 运行后在本地运行测试 npm run dist |
npm run docs-serve | 在本地构建和运行文档。 |
这里运行 npm run dist 后,等待编译完成。完成后进入本地 Bootstrap 目录,查看 dist 文件夹。
至此,Bootstrap 已完成重新构建(编译),拷贝 dist 文件夹下的 js 和 css 文件至本地项目即可。