pycharm中使用sass

mac自带Ruby无需安装，直接安装sass：

报错：

因为没有/usr/桥谈姿bin目录的权限，改成如下目录：

完成后看一下版本：

回到pycharm创敏绝建scss文件：

右键New-File，后缀名也敲上，如 index.scss，完成后会自动生成对应的css文件侍余和管理文件

我本地的vue-cli的版本 @vue/cli 4.3.1 ，这个版本脚手架创建的vue项目配置全局sass的时候需要在vue.config.js中指定 prependData 而不是 data ，具体不知道官网氏察啥时候改动的。

创建全局的css文歼磨茄件common.scss，写一个游液变量。

页面中引用

common.scss文件中创建

使用

common.scss文件中创建

使用

---