代码之家 › 专栏 › 技术社区 › DMrFrost

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

atom-editor syntax-highlighting vue.js

23

DMrFrost · 技术社区 · 9 年前

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

3 回复 | 直到 7 年前

1

30

Ikbel 9 年前

language-vue 包将语法高亮显示添加到Vue组件。

还有另一个软件包来美化您的代码。安装 atom-beautify Vue beautifier 预安装。

2

11

Boaz 8 年前

这个 Vue.js project 维护 Awesome Vue.js “一份精心策划的与Vue.js相关的令人敬畏的事情列表”。

这包括 a list of useful Atom packages for Vue.js

language-vue@atom.io

language-vue-component@atom.io -在Atom中向Vue组件文件添加语法高亮显示。

vue-autocomplete@atom.io -Vue。js 1.0+自动完成Atom。

vue-snippets@atom.io

vue-autocompile@atom.io -保存时自动编译vue文件。

lint-sass-vue@atom.io -原子。io包到lint Sass/SCSS in .vue 文件夹。

vuejs2-snippets@atom.io -javascript和组件的Atom代码段,包括生命周期挂钩、指令、属性、vuex、vue路由器、vue-i18n支持。

vue2-autocomplete@atom.io

请注意,当前 language-vue language-vue-component 不要在一起玩得很好, as discussed here 只有

3

1

nonopolarity 6 年前

在命令提示符中使用:

apm install language-vue

用于语法突出显示。

apm install vue-format