如何在Bracket IDE中编译SASS为CSS？已装扩展是否正确及用法？

工具正确性确认 #

你安装的Brackets Sass是完全适配的工具，专门用来在Brackets里完成SCSS到CSS的编译，完全满足你的需求。

具体操作步骤 #

• 先确认扩展状态：从你的扩展管理器截图里，检查Brackets Sass是否处于启用状态（显示“Disable”就是已启用，显示“Enable”就点一下启用）。
• 调出Sass控制面板：打开任意.scss文件，通过顶部菜单View > Show Sass Panel调出右侧的Sass面板（如果右侧已经有Sass图标也可以直接点）。
• 配置编译参数：
  • 设置输出路径：指定编译好的CSS文件存在哪，比如和SCSS文件同目录，或者单独的css文件夹
  • 选择输出格式：开发阶段选expanded（展开式，易读），上线用compressed（压缩后体积小），另外还有nested（嵌套）、compact（紧凑）可选
  • 开启自动编译：勾选面板里的“Auto Compile”，之后改完SCSS会自动生成CSS，不用手动操作
• 手动编译（可选）：如果没开自动编译，右键点击.scss文件，选Compile Sass就能手动生成CSS。
• 验证结果：去你设置的输出路径里找对应的.css文件，打开确认编译后的代码没问题就行。

小提示 #

• 如果编译失败，编辑器底部会弹出语法错误提示，先检查SCSS代码有没有写错
• 要是遇到编译没反应的情况，试试重启Brackets，或者卸载重装一次Brackets Sass扩展

内容的提问来源于stack exchange，提问作者Mojtaba Mokhtari