微信小程序开发技巧：使用scss写样式

4.1 Webstorm配置方法

至于蹩脚的样式.wxss，我用watcher的文件工具watcher跟踪itcs文件的变化并编译实时 itcs 文件。 .wxss，我感觉比较好用。这里把我的配置分享给大家：

然后别忘了在.gitignore中添加要忽略的样式：

*.scss
*.wxss.map

这样上传到git的时候scss文件就赢了不上传啦~当然，如果你的团队成员需要scss，建议上传到git时也添加scss文件。

这样设置后，组件在本地就变成这样了

我们需要关注.js、.json♝、.文件、更改文件.scss后，会自动生成并更新.wxml和另一个文件.wxss和 .map 是映射关系由插件自动生成，所以不用担心。

如果您没有使用webstorm，可以直接运行命令sass --watch index.scss:index.wxss -s Expand。如果命令提示符关闭，sass命令将不会跟踪文件更改然后进行编译。因此，最好使用插件编辑器模块。

同样，你也可以使用less、stylus等预编译语言。 ？添加配置：

"easysass.formats": [
  {
    "format": "expanded",
    "extension": ".wxss"
  },
  {
    "format": "compressed",
    "extension": ".min.wxss"
  }
]

上面的expanded是编译后的.wxss下面的compressed是压缩后的样式w.x文件，如果下面是不需要的可以去掉下面的配置，然后将要忽略的中间样式添加到文件.gitignore：

*.scss

当然你也不能添加，如果你的同事也用scss开发的话小程序，其他同上。现在你可以愉快的使用scss开发小程序了~