1、通过 npm 进行安装 v3,如图1
npm install bootstrap@3
2、安装 Grunt,以 编译 CSS 和 JavaScript 文件,由于 npm 安装速度较慢,最终选择 cnpm ,如图2
(1)在全局环境中安装 grunt-cli :npm install -g grunt-cli
(2)进入 /bootstrap/ 根目录,然后执行 cnpm install 命令。npm 将读取 package.json 文件并自动安装此文件中列出的所有被依赖的扩展包。
3、执行 grunt dist 命令,仅编译 CSS 和 JavaScript 文件,如图3
4、安装 Bootlint,其是 Bootstrap 官方所支持的 HTML 检测工具,如图4
cnpm install -g bootlint
5、在命令行中执行检测,如图5
bootlint index.html
6、在浏览器中运行 Bootlint,参考网址:https://github.com/twbs/bootlint ,如图6
(1)在浏览器中创建一个新的书签
(2)设置名称:Run Bootlint
(3)设置网址:
javascript:(function(){var s=document.createElement(“script”);s.onload=function(){bootlint.showLintReportForCurrentDocument([]);};s.src=”https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js”;document.body.appendChild(s)})();
7、在某一个基于 Bootstrap 的页面上,打开 Run Bootlint 书签,将出现一个弹出窗口,通知您是否检测到问题,如果存在问题,请打开开发人员工具并选择控制台选项卡,如图7
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/180752.html