如何在Atom中为.vue文件启用语法高亮显示？

Question

我开始使用Vue.js. 我遇到的第一个问题是我的IDE(Atom)没有美化我的.vue文件.这只是白色文字.

如何正确地使Atom突出显示.vue文件？

Answer 1

language-vue包为Vue组件添加语法突出显示.

还有另一个包来美化你的代码.安装atom-beautify包.它已Vue beautifier预装.

Answer 2

该Vue.js项目保持真棒Vue.js，“有关Vue.js真棒事情组织列表”。

这包括Vue.js有用的Atom软件包的列表：

• language-vue@atom.io-Atom的 Vue组件文件语法。
• language-vue-component@atom.io-在Atom中的Vue组件文件中添加语法突出显示。
• vue-autocomplete@atom.io-Atom的 Vue.js 1.0+自动完成功能。
• vue-snippets@atom.io-Vue组件文件的Atom代码片段。
• vue-autocompile@atom.io-保存时自动编译vue文件。
• lint-sass-vue@atom.io-用于.vue文件中Sint / SCSS的Atom.io软件包。
• vuejs2-snippets@atom.io-用于javascript和组件的Atom片段，包括生命周期挂钩，指令，属性，vuex，vue-router和vue-i18n支持。
• vue2-autocomplete@atom.io-Atom的 Vue.js 2.0+自动完成功能。

请注意，当前language-vue和language-vue-component不能很好地配合使用，如此处所述。目前，对于Atom中的语法高亮显示，您最好的选择language-vue只是。