我开始使用Vue.js.我遇到的第一个问题是我的IDE（Atom）没有美化我的.vue文件。这只是白色文字。
如何正确地将Atom高亮显示.vue文件？
答案 0 :(得分：11)
language-vue包将语法突出显示添加到Vue组件。
还有另一个包来美化你的代码。安装atom-beautify包。它预先安装了JSON WEB TOKEN。
答案 1 :(得分：5)
Vue.js project维护Awesome Vue.js，“与Vue.js相关的精妙事物的精选列表”。
这包括a list of useful Atom packages for Vue.js：
- language-vue@atom.io-Atom的Vue组件文件语法。
- language-vue-component@atom.io-在Atom中的Vue Component文件中添加语法突出显示。
- 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-Atom.io程序包，用于在
.vue文件中添加Sint / SCSS。- 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目前不能很好地配合使用，as discussed here。目前，要在Atom中突出显示语法，最好的选择是language-vue。
答案 2 :(得分：0)
在命令提示符下使用：
apm install language-vue
用于语法突出显示。
还有另一个Atom软件包，它似乎只是美化了它，却没有突出显示语法：
apm install vue-format
您可能需要退出Atom，然后重新启动它。