在Web开发中，使用Vue框架是十分普遍的。为了方便Vue开发者进行快速的代码编辑和编译，很多开发者会选择使用VSCode编辑器进行开发。而VSCode又是一个十分强大的开发工具，提供了很多快捷键和插件，可以帮助开发者更快速的开发Vue应用。下面我们就来介绍在VSCode中如何快速新建Vue应用的方法。

第一步，应该首先安装VSCode编辑器，确保系统上已经正确的安装了Node.js和Vue-cli。安装Node.js非常简单，我们可以到官网下载对应系统的安装文件进行安装。安装完Node.js之后，我们可以运行以下命令安装全局的Vue-cli：

npm install -g vue-cli

这个命令将安装全局的Vue-cli，这样我们就可以在各个项目中直接使用Vue-cli来搭建Vue应用框架。

第二步，进入命令行界面，然后创建一个新项目。可以使用下面的命令进行创建：

vue init webpack project-name

这个命令就是使用Vue-cli进行项目初始化的命令。我们只需要修改project-name为项目的名称即可。这个命令会询问一些问题，我们可以根据需要进行回答，比如是选择ES6还是ES5。对于有经验的Vue开发者而言，这些问题都是比较熟悉的。之后，Vue-cli会进入自动化的初始化流程，并创建好我们的项目。

第三步，我们需要进入我们新建项目的目录，然后使用VSCode来打开这个项目。在VSCode中打开项目的方式非常简单，只需要使用以下命令即可：

code .

这个命令会启动VSCode编辑器，并自动加载我们的项目。在VSCode界面左侧的资源管理器中，我们可以看到我们的项目文件以及目录。如下图所示：

第四步，配置VSCode编辑器的插件。在VSCode中，有非常多的插件可以帮我们更快速的编写Vue应用。其中，最为常用的插件就是Vetur了。Vetur可以帮我们语法高亮Vue代码，以及提供自动完成和格式化等功能。我们可以在VSCode插件市场中进行搜索和安装。需要注意的是，Vetur依赖于ESLint插件。所以在我们安装Vetur插件之前，需要先进行ESLint插件的安装：

npm install eslint

如果您使用的是ES6语法，并且需要使用ESLint进行代码检查，可以参考Vetur插件的文档进行配置。

第五步，开始编写Vue应用。在VSCode中创建Vue组件非常简单，只需要新建一个.vue文件即可。VSCode中，我们可以使用快捷键“Ctrl + Shift + P”打开命令面板，然后输入“New File”。这样就可以新建一个.vue文件，然后在里面开始编写Vue代码了。在编写Vue应用时，VSCode会提供自动补全插件和语法高亮功能，让编写代码更加方便。

综上所述，通过这些步骤，我们就可以在VSCode中快速创建、编辑和编译Vue应用了。需要注意的是，虽然VSCode功能强大，但是也需要一定的学习和使用成本。因此，我们建议开发者可以花费一些时间学习VSCode的使用方法，并使用VSCode中的各种功能，来提高我们的Vue开发效率。