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

      

  • 相关阅读:
    【OpenCV入门指南】第一篇 安装OpenCV
    java.lang.Math中的基本方法
    padding与margin的差别
    怎样做到从程序猿到管理者的跳跃
    秒杀多线程第四篇 一个经典的多线程同步问题
    NETSH WINSOCK RESET这条命令的含义和作用?
    如何在windows系统自带命令查看硬件信息?
    centos6.5 无线网卡配置
    ctagst简单应用,将Vim改造:Ctags,Taglist,Cscope,OmniCppComplete,SuperTab,Winmanager,NERDTree,MiniBufExplorer,vimrc
    lsof 拥有更多的功能
  • 原文地址:https://www.cnblogs.com/liujunzhe/p/8445038.html
Copyright © 2011-2022 走看看