如何使用VSCode高效开发Vue应用程序？

本文共计2117个文字，预计阅读时间需要9分钟。

现在用VSCode开发Vue.js应用几乎已成为前端的标配。但很多时候，我们看到的代码混乱不堪，作为前端工程师，单引号双引号混用，一段有分号一段没分号，有的地方有逗号有的地方有逗号。

现在用VSCode开发Vue.js应用几乎已经是前端的标配了，但很多时候我们看到的代码混乱不堪，作为一个前端工程师，单引号双引号乱用，一段有分号一段没有分号，有的地方有逗号有的地方没有逗号，空格回车都对不齐，还说自己做事认真，这不是开玩笑的事情。

我们今天从头开始，完整地讲述一下一个重度代码洁癖患者该如何用vscode开发vue，以及如何把一个已经可以宣判死刑的全身各种格式错误几万条的项目整容成标准美女。

从安装开始

为了准确起见，我们把vscode里所有插件全部禁用，把用户设置清空，以让它尽可能恢复成原始的样子：

作为代码洁癖患者，对于系统的版本要求一定也是最苛刻的，不管什么时候，都让我们把所有的系统能升级的都升级到最高版本：

npm install -g @vue/cli

然后，我们开始创建项目：

vue create hello-world

在这里，一定要选择第一项：babel + eslint，这两个是必不可少的。