快捷搜索:  汽车  科技

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

检查安装是否成功。

sass怎么打开(sass本地安装)(1)

三、安装编译环境

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编译环境。

猜您喜欢: