zoukankan      html  css  js  c++  java
  • 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——前端自动化测试工具
    

      

  • 相关阅读:
    PAT (Advanced Level) 1086. Tree Traversals Again (25)
    PAT (Advanced Level) 1085. Perfect Sequence (25)
    PAT (Advanced Level) 1084. Broken Keyboard (20)
    PAT (Advanced Level) 1083. List Grades (25)
    PAT (Advanced Level) 1082. Read Number in Chinese (25)
    HDU 4513 吉哥系列故事――完美队形II
    POJ Oulipo KMP 模板题
    POJ 3376 Finding Palindromes
    扩展KMP
    HDU 2289 Cup
  • 原文地址:https://www.cnblogs.com/liujunzhe/p/8445038.html
Copyright © 2011-2022 走看看