atom开发vue中常用插件

Posted 布尔-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了atom开发vue中常用插件相关的知识,希望对你有一定的参考价值。

atom: 开发利器,界面友好,配色出色,好用的插件众多。

 

language-vue: 这个是首推,因为它就是为vue而生的呀,支持很多vue里的提示。在空的vue页面敲tem,vue模板的提示就自动出来了,太爽了。还有一个language-vue-componet,这个我并没有安装,因为它与language-vue会有点冲突,导致template里的html显示没有颜色区分,所以这个我就没有安装。

 

vue2-autocomplete: vue中自动补全插件。

 

vuejs2-snippets: vue碎片提示,如敲mounted,created等都直接有提示,开发效率直线提升。

 

atom-ternjs:支持ES6语法,当你在vue中用ES6语法就不会提示报错了。

 

autoclose-html: 自动闭合html标签。

 

autocomplete-paths: 自动提示补全路径,这样就不会弄因写错路径而造成错误的乌龙了。

 

best-js-snippets: js相关语法提示,因为vue也是一个node.js环境,所以有时用到node里语法就很有用了。

 

file-icon: 给不同类型的文件一个不一样的图标,当开的文件多了在顶部有icon提示很方便。如下

platformio-ide-terminal: 这是个命令行插件,安装后在 atom 中 com + shift + t 就会在atom底部弹起一个终端。这样cnpm install; cnpm run dev; 就快捷多了哈哈

 

script: 支持多种语言在 atom 上运行。有时候想写个 THML, c 语言或其他语言的demo时,只要你安装了它,写好你的代码,com + i 就运行起来了。具体它所支持的语言及对应的依赖包和环境看它的介绍就好了https://atom.io/packages/script

以上是关于atom开发vue中常用插件的主要内容,如果未能解决你的问题,请参考以下文章

Atom常用功能插件

Atom插件合集

ATOM常用插件推荐

VsCode 常用好用插件/配置+开发Vue 必装的插件

常用Atom插件列表

atom常用插件介绍