sass怎么打开(sass本地安装)
sass怎么打开(sass本地安装)二、安装sassruby -v检查安装是否成功。查看是否安装成功 `sass -v`1、官网安装比较慢,https://rubyinstaller.org/downloads/进入到 Ruby 官网地址进行下载 选择 32bit 或 64 bit 点击下载。一般网上找ruby安装包资源,直接安装即可。安装比较简单,下一步就行了。2、ruby安装完成后输入:
SASS安装教程完整版:
一、安装Ruby
sass编译需要ruby的支持,如果还没有安装先去安装
安装完成ruby后使用 `gem install sass`安装sass
查看是否安装成功 `sass -v`
1、官网安装比较慢,https://rubyinstaller.org/downloads/进入到 Ruby 官网地址进行下载 选择 32bit 或 64 bit 点击下载。一般网上找ruby安装包资源,直接安装即可。安装比较简单,下一步就行了。
2、ruby安装完成后输入:
ruby -v
检查安装是否成功。
二、安装sass
gem install sass
一行命令搞定。
然后再命令行中输入:
sass -v
检查安装是否成功。
三、安装编译环境
npm install -g postcss-cli autoprefixer
四、如果用sublime,安装sublime插件
保存自动编译 SublimeOnSaveBuild
SASS编译 Sass Build
浏览器前缀 Autoprefixer
五、在sublime中选择 Tool --> Build System --> New Build System创建一个编译环境 如SCSS。内容如下:
{
"cmd": [
"sass" "--update" "$file:${file_path}/../css/${file_base_name}.css" "--stop-on-error" "--no-cache"
"&&"
"postcss" "--use" "autoprefixer" "${file_path}/../css/${file_base_name}.css" "-d" "${file_path}/../css"
]
"selector": "source.sass source.scss"
"line_regex": "Line ([0-9] ):"
"osx":
{
"path": "/usr/local/bin:$PATH"
}
"windows":
{
"shell": "true"
}
}
别的IDE一般都内置sass编译环境。