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 深度研究时才有用。

时间: 2024-10-02 23:01:00

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

sass调试--页面看到sass文件而不是css文件问题

在浏览器页面有时看到sass文件而不是css文件问题,其主要由于sass开启了source-map(调试)功能,问题如下图: sass调试 sass调试需要开启编译时输出调试信息和浏览器调试功能,两者缺一不可. 开启编译调试信息 目前sass的调试分为两种,一种为开启debug-info,一种为开启sourcemap(这个将成为主流). 如开启的是debug-info,则解析的css文件中会有以@media -sass-debug-info开头的代码,如没有则表明没有开启. 如开启的是sourc

eclipse上ndk环境的搭建&&so文件的生成&&jni文件的调用

JNI是java语言提供的Java和C/C++相互沟通的机制,Java可以通过JNI调用本地的C/C++代码,本地的C/C++的代码也可以调用java代码.JNI 是本地编程接口,Java和C/C++互相通过的接口.Java通过C/C++使用本地的代码的一个关键性原因在于C/C++代码的高效性. NDK是一系列工具的集合 .它提供了一些列的工具,帮助开发者快速开发C/C++的动态库,并能自动将so和java应用一起打包成apk.它集成了交叉编译器,并提供了相应的mk文件隔离CPU,平台,ABI等

perl 脚本实现简单搜索修改文件并生成diff文件

在已有代码上修改代码一般要生成diff文件来生成patch,从而porting到相关baseline上. 修改文件较少时可以一个个来生成,但是当修改文件较多时就会很耗费工时,所以就想 写一个脚本来减少工时消耗.你只需要关注coding,而不必担心diff文件的生成. 实现的思想只要是:首先搜索以".orig"结尾的文件(这可以通过vim中设置来自动生成), 然后截断.orig来获得修改后的文件.从而生成已"*.diff"结尾的diff文件也可以成为patch. 当把

java文件如何生成Jar文件

C:\Documents and Settings\Administrator>h: H:\>cd text4 H:\text4>jar cvf dsdf.jar H:\text4\新建文件夹 到了文件所在的根目录下,然后执行jar命令既可 当然如果是在eclipse中,则更方便,百度..

PHP 简易读取文件目录下的文件,生成css spirte图片

因为个人不是对PS熟悉,不清楚如何在PS中生成一张横向有序的spirte图片,使用了"css sprite V4.3"版本,生成的图片会出现压缩图片大小的情况,本想修改原作者开发的程序,但是不懂C#,只好使用PHP gd库进行生成css spirte图片. 1 <?php 2 header("Content-type: image/png"); 3 $path = "output";//建议这个文件目录下放入所有需要生成css spirte

在WebStorm里配置watcher实现编辑less文件时自动生成.css文件

1.安装 nodejs     //查看nodejs版本  node -v //查看npm版本  npm -v //全局安装less  npm install -g less 2.配置webStrom 添加external Tools parameters是默认地址的话  直接点insert就行 (Progrem 自己的安装位置   F:\NODE\node.exe) (parameters:C:\Users\Administrator\AppData\Roaming\npm) 添加watche

pdf文件流生成pdf文件

protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Code.Login Starr_model = new Code.Login(); Code.InsuranceModel.InsuranceSegment_Result result = new InsuranceModel.InsuranceSegment_Result(); try { //判断接口请求是否成功 result = C

在webstorm 将less文件转化为css文件

首先要在webstorm中下载node.js 然后安装less文件 LEss文件安装在:http://www.1024i.com/demo/less/C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\bin\lessc用于引入.less文件 less文件的修改 cd到你的less文件路径下E:\9dayshixun>cd 20161210 E:\9dayshixun\20161210>cd less E:\9dayshix

Linux下给指定目录下指定文件类型生成md5文件

对指定目录下扩展名为.asset,.manifest,.wem,.bnk的文件计算md5并汇总到指定文件中. md5文件内容格式: 文件名,md5 类似: Audio_Knives_Skill_1_43_9E69E797.wem,bc87ec6bce97e93824a0fdfa39ebafaf Audio_Knives_Skill_1_43_50DB02DB.wem,78d62b1f25c59ddffcfcda75e555e850 Audio_Knives_Skill_2_44_9E69E797