Bootstrap 安装

                  Bootstrap 
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目
一.<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
二、安装
1.通过Bower进行安装
          $ bower install bootstrap
2.通过npm进行安装
   $ npm install bootstrap@3
require('bootstrap') 代码的作用是加载 Bootstrap 的所有 jQuery 插件
3.通过Composer进行安装
$ composer require twbs/bootstrap
三、准备环境
1.下载 node.js   ---> https://nodejs.org/
完事安装，命令窗口输：node -v 查看安装结果，显示版本号成功。
2.命令窗口输入：npm install  -g  grunt-cli 回车
验证：grunt
3.切换目录到准备好的项目或网站目录如下：










安装grunt  在grunt_test目录下输入：npm install grunt --save-dev


插件作用：  官网插件列表页面 http://www.gruntjs.net/plugins
Contrib-jshint——javascript语法错误检查；
Contrib-watch——实时监控文件变化、调用相应的任务重新执行；Ctrl+C手动停止
Contrib-clean——清空文件、文件夹；
Contrib-uglify——压缩javascript代码
Contrib-copy——复制文件、文件夹
Contrib-concat——合并多个文件的代码到一个文件中
karma——前端自动化测试工具