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——前端自动化测试工具

  

posted on 2018-02-12 17:04  哲记  阅读(255)  评论(0编辑  收藏  举报

导航