bootstrap-sass安装使用

1、安装ruby 下载ruby

安装完后更新源替换为ruby淘宝镜像


gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
gem sources -l


2、安装nodejs 下载nodejs

autoprefixer-rails需要用到

3、运行命令行逐个运行

gem install sass
gem install compass
gem install bootstrap-sass
gem install autoprefixer-rails

4、创建bootstrap-sass项目

命令行工具cd 到相应目录 运行如下命令新建项目
compass create my-new-project -r bootstrap-sass --using bootstrap

5、打开项目中的 config.rb添加如下代码支持autoprefixer

require 'autoprefixer-rails'

on_stylesheet_saved do |file|
  css = File.read(file)
  map = file + '.map'
  if File.exists? map
    result = AutoprefixerRails.process(css,
      from: file,
      to:   file,
      map:  { prev: File.read(map), inline: false })
    File.open(file, 'w') { |io| io << result.css }
    File.open(map,  'w') { |io| io << result.map }
  else
    File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) }
  end
end

6、命令行 cd到项目目录

普通编译运行命令

compass compile


编译压缩文件运行命令
compass compile --output-style compressed


7、如果提示GBK错误

找到ruby的安装目录,里面也有sass模块,如这个路径:C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass
在这个文件里面engine.rb,添加一行代码:

Encoding.default_external = Encoding.find('utf-8')

放在所有的require XXXX 之后即可。



npm淘宝镜像跟node-sass淘宝连接设置

修改文件C:\Users\电脑用户名\.npmrc

npm config set registry=https://registry.npm.taobao.org
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值