什么编辑器适合写Vue？( 二 ) _经验知识

文章插图

文章插图
插件名称Mac操作系统Windows操作系统svnMac SVN教程Windows SVN教程gitMac Git教程Windows Git教程

文章插图
{\"onDidSaveExecution\": true}Copy to clipboardErrorCopied
其他观点：
我觉得vscode最方便。拉取项目。上传项目都超级方便。
背景颜色可以自己下插件使用。其实我就觉得下插件超级方便。各种插件只需要一键点击。
快捷键设置也是不难。还能弄个中文插件。报错插件。自动补全插件。个人觉得超赞。
其他观点：
【什么编辑器适合写Vue？】能写vue的编辑器/ide有很多。我个人比较推荐用VSCode 来写vue 。就连vue的作者尤雨溪也在微博上说过自己也用的是VSCode。
我们今天讲讲该如何用VSCode 开发vue 。跟大多数 IDE 一样。VSCode 也有扩展和主题市场。包含海量插件。使用VSCode 开发vue一定要安装几个强大的插件。提高工作效率。比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。下面就开始介绍一下它的一些功能吧。
语法高亮
Vetur支持.vue文件的语法高亮显示。除了支持template模板以外。还支持大多数主流的前端开发脚本和插件。比如Sass和TypeScript 。完整的支持高亮的语法如下所示：。语法高亮是所有ide必备的功能之一。没有语法高亮写起代码实在是不舒服。

文章插图
Vetur默认使用 eslint-plugin-vue@beta 来检测 <template> 。错误检测能够帮助我们在开发过程发现xie
自动格式化
Vetur推荐使用2个空格来规定 editor.tabSize 和 editor.insertSpace 。对于html和css/scss/less格式使用js-beautify来规范。js/ts的格式使用 TypeScript's language service 。同时这些配置是可以改变的。有了自动格式化功能。写代码时可以减少注意格式花的时间。把时间精力放在代码本身。大大提升写代码效率。
感谢阅读。如果有问题需要继续交流。欢迎评论或者私信。