PHPStorm 安装配置SCSS

hykeda3年前CSS341

1,下载安装Ruby,官方网址:https://rubyinstaller.org/downloads/。选择符合自己的系统的版本就行。

2,打开phpstorm,选择File ->setting -> Tools -> FileWatchers,然后进行如下选择:

选择正确的ruby路径:

image.png

项目中创建文件:

image.png

输入文件名,选择scss格式:

image.png

出现如下图说明成功:

image.png

备注:如果scss文件中含有中文,可能 编译失败,只要在scss文件头部加上:@charset "utf-8";即可。)




标签: scssphpstormcss

相关文章

19 个实用的 CSS 技巧!

修改 placeholder 样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道,这里有20个CSS技巧,让我们一起来看看吧。...

处理iphoneX 全面屏底部横条遮挡问题

在底部菜单div添加css,如下:头部添加:<meta name="viewport" content="width=device-width,...

18个很有用的 CSS 技巧

18个很有用的 CSS 技巧

图片文字环绕shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域:.any-shape {  width: 3...

网站使用sass进行css样式编写

网站使用sass进行css样式编写

首先需要安装sass的环境:安装教程:https://www.sass.hk/install/ 如果安装好Ruby以后可以进入ruby终端,进入到相应的目录: 如果出现如上图,说...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。