必威的官网网络

当前位置:必威的官网-必威体育 > 必威的官网网络 > sass compass bootstrap三剑合璧高效开发记录

sass compass bootstrap三剑合璧高效开发记录

来源:http://www.jlqfjt.com 作者:必威的官网-必威体育 时间:2019-06-28 15:04
  1. 先搭建境况,下载node.js,rubyinstaller,安装, 安装rubyinstaller时,要选上include system path,那样就能够活动将node.js实施增多到Windows系统境况变量,免去手动创设烦恼.node.js就点下一步安装就行了

  2. win R cmd 再运行  gem install bootstrap-sass

3.开立二个项目 cd 进入到你所在的连串存放目录,命令行窗口运维 compass creat XXXXX(项目名称)那样就创建了四个体系会变卦如下所示目录

图片 1

4.右键展开 config.rb  在require 'compass/import-once/activate' 下边加一行 require 'bootstrap-sass'

5.张开sass 目录下的 { @import "compass/reset"; } 那一个注释或删掉都行,再增添一行 @import "bootstrap";

6.在刚刚的一声令下窗口处compass compile 编译下.这样就能够在 sass 目录下操作你想要操作 .scss 了,然后就compass compile , 当然了,假若你不想老是输入compass compile你就在指令窗处输入 compass watch -p 监听,那样的话就能自行编写翻译你改变的.scss 或.sass文件,将其出口到stylesheets中的对应文件.css中

好了,写完了。适合对sass ,compass,bootstrap有所领悟的园友。

补偿下,若无创制新的类型可在命令行窗口中使用此命令 compass creat xxxxx(项目名) -r bootstrap-sass --using bootstrap  之后会获取如下文件目录

图片 2

 


本文由必威的官网-必威体育发布于必威的官网网络,转载请注明出处:sass compass bootstrap三剑合璧高效开发记录

关键词: 必威体育安卓

上一篇:没有了

下一篇:没有了