Vue3学习——VSCode和配套插件的安装（二）

Vue的开发工具用的是VSCode(Visual Studio Code)，这款开发工具是微软官方出品，开源，免费，并且功能相当强大，使用者很多，插件相当丰富，是Vue开发的不二之选。以下对VSCode的使用做一个简单配置。

一、下载地址

https://code.visualstudio.com/。

二、概念讲解

VSCode中分Workspace和Folder，Workspace相当于是一个项目的集合，可以添加许多的Folder，在Workspace中可以做好一些配置，那里面所有的Folder都是按照这个配置来的，就不需要我们每次写个项目都配置一下了。而Folder就是我们的每个项目的文件夹。

三、插件安装

后面开发Vue项目，使用.vue的单文件开发，就需要一些插件来帮我们识别.vue文件。插件安装在Extension中，点开即可看到一个搜索按钮，可以输入关键字搜索自己想要的插件。

这里我们开发Vue推荐的几个插件：

1. Vue - Official：Vue官方出品的识别.vue语法的插件。
2. Chinese (Simplified) ：将编辑器设置为中文的插件。
3. Javascript(ES6) code snippets：ES6语法提示。
4. Auto Rename Tag：自动重命名标签。标签都是成对出现的，开始标签修改了，结束标签也会跟着修改。
5. Auto Close Tag：自动闭合标签。针对一些非标准的标签，这个插件还是很有用的。
6. Prettier：格式化代码的插件。
7. vscode-icons：可选。提供了很多类型的文件夹icon，不同类型的文件夹使用不同的icon，会让文件查找更直观。
8. Vue VSCode Snippets：在编写vue代码时，可快速生成代码片段。
9. Vue Peek：在Vue组件、模块中快速跳转。