请问webstorm sass编译报错的问题?

请问webstorm sass编译报错的问题?


慕桂英3389331
浏览 502回答 3
3回答

陪伴而非守候

1、下载ruby最新版2.1.5,安全起见可以安装ruby 1.9.3-p551ruby安装文件自己百度一下,容易找到。2、安装过程中,一定注意勾选第二项!否则cmd命令会找不到。3、安装完后,检查是否安装成功Win+r快捷键启动cmd命令窗口,输入ruby -v,注意中间空格,显示版本号说明成功。4、借助ruby安装sass,dos命令窗口输入“gem install sass”该命令一定要在system32文件下cmd.exe执行,默认安装目录在C:\Windows\System32\cmd.exe文件5、安装过程中,耐心等待,直到提示安装进度100%。同样通过“sass -v”命令(中间有空格)检查安装结果,显示当前版本号。6、接着需要配置webstorm下sass编译环境。打开webstorm创建空项目,点击“File”菜单选择“Setting”,搜索“watcher”关键字,7、点击右边绿色加号,选择“SCSS”文件类型。8、输入监视文件类型名称(随便写),关键第二个选项,一定要选择ruby安装目录bin文件下的scss.bat文件9、最后,创建.scss文件输入scss css代码,保存后会生成后缀.css文件,说明环境编译没问题。

MMTTMM

方法/步骤11、下载ruby最新版2.1.5,安全起见可以安装ruby 1.9.3-p551ruby安装文件自己百度一下,容易找到。22、安装过程中,一定注意勾选第二项!否则cmd命令会找不到。33、安装完后,检查是否安装成功Win+r快捷键启动cmd命令窗口,输入ruby -v,注意中间空格,显示版本号说明成功。44、借助ruby安装sass,dos命令窗口输入“gem install sass”该命令一定要在system32文件下cmd.exe执行,默认安装目录在C:\Windows\System32\cmd.exe文件55、安装过程中,耐心等待,直到提示安装进度100%。同样通过“sass -v”命令(中间有空格)检查安装结果,显示当前版本号。66、接着需要配置webstorm下sass编译环境。打开webstorm创建空项目,点击“File”菜单选择“Setting”,搜索“watcher”关键字,77、点击右边绿色加号,选择“SCSS”文件类型。88、输入监视文件类型名称(随便写),关键第二个选项,一定要选择ruby安装目录bin文件下的scss.bat文件99、最后,创建.scss文件输入scss css代码,保存后会生成后缀.css文件,说明环境编译没问题。
打开App,查看更多内容
随时随地看视频慕课网APP