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

时间:2017-07-21 01:34:09

标签: vue.js syntax-highlighting atom-editor

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

如何正确地将Atom高亮显示.vue文件?

3 个答案:

答案 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-vuelanguage-vue-component目前不能很好地配合使用,as discussed here。目前,要在Atom中突出显示语法,最好的选择是language-vue

答案 2 :(得分:0)

在命令提示符下使用:

apm install language-vue

用于语法突出显示。

还有另一个Atom软件包,它似乎只是美化了它,却没有突出显示语法:

apm install vue-format

您可能需要退出Atom,然后重新启动它。