zoukankan      html  css  js  c++  java
  • bootstrap 中是通过写less文件来生成css文件,用什么工具来编写呢?

    bootstrap 中是通过写less文件来生成css文件,用什么工具来编写呢?

    如果用sublime的话如何实现代码保存后浏览器刷新成最新的代码样式?

    或者有什么其他好用的工具?

    从网上找了很多方法都实现不了,在线等您答复。

    安装 Grunt

    安装 Grunt 前,你需要首先下载并安装 node.js (npm 已经包含在内)。npm 是 node packaged modules 的简称,它的作用是基于 node.js 管理扩展包之间的依赖关系。

    然后在命令行中输入以下命令:

    1. 在全局环境中安装 grunt-cli :npm install -g grunt-cli 。
    2. 进入 /bootstrap/ 根目录,然后执行 npm install 命令。npm 将读取 package.json 文件并自动安装此文件中列出的所有被依赖的扩展包。

    上述步骤完成后,你就可以运行 Bootstrap 所提供的各个 Grunt 命令了。

    可用的 Grunt 命令

    grunt dist (仅编译 CSS 和 javascript 文件)

    重新生成 /dist/ 目录,并将编译压缩后的 CSS 和 javascript 文件放入这个目录中。作为一名 Bootstrap 用户,大部分情况下你只需要执行这一个命令。

    grunt watch (监测文件的改变,并运行指定的 Grunt 任务)

    监测 Less 源码文件的改变,并自动重新将其编译为 CSS 文件。

    grunt test (运行测试用例)

    在 PhantomJS 环境中运行 JSHint 和 QUnit 自动化测试用例。

    grunt docs (Build & test the docs assets)

    Builds and tests CSS, javascript, and other assets which are used when running the documentation locally viajekyll serve.

    grunt (重新构建所有内容并运行测试用例)

    编译并压缩 CSS 和 javascript 文件、构建文档站点、对文档做 HTML5 校验、重新生成定制工具所需的资源文件等,都需要 Jekyll 工具。这些只有在你对 Bootstrap 深度研究时才有用。

  • 相关阅读:
    Ubuntu学习
    MYSQL中group_concat有长度限制!默认1024
    关于Ubuntu中Could not get lock /var/lib/dpkg/lock解决方案
    PHP开发接口使用RSA进行加密解密方法
    WebSocket实战之————Workerman服务器的安装启动
    vim 命令图解
    ubuntu下安装Apache+PHP+Mysql
    Ubuntu 下Apache安装和配置
    android调试输出
    使用AsyncTask异步更新UI界面及原理分析
  • 原文地址:https://www.cnblogs.com/powerlx/p/4794824.html
Copyright © 2011-2022 走看看