vue文档1-VSCode介绍

开发工具VSCode：

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

下载地址：

https://code.visualstudio.com/

 

下载稳定版本，不需要破解

解决vscode下载很慢的问题

 

1.打开vscode官网，https://code.visualstudio.com;

2.点击下载稳定版;这里我的电脑是win10版本

 

 

 3.下载时可以去谷歌的下载内容里面，看到正在下载的vscode，然后点击上面的链接，会发生跳转

 

 

 4.然后在谷歌浏览器上的地址上会发现这个链接，这个时候直接复制 vscode.cdn.azure.cn 替换地址上面的

 

 

 会发现速度起飞，这里用vscode.cdn.azure.cn 是采用的国内镜像，直接起飞

 

 

插件安装：

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

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

1. jshint：js代码规范检查。
2. Beautify：一键美化代码的插件。
3. Vetur：.vue文件识别插件。
4. Javascript(ES6) code snippets：ES6语法提示。
5. Auto Rename Tag：自动重命名标签。标签都是成对出现的，开始标签修改了，结束标签也会跟着修改。
6. Auto Close Tag：自动闭合标签。针对一些非标准的标签，这个插件还是很有用的。
7. vue helper：一些Vue代码的快捷代码。
8. vscode-icons：可选。提供了很多类型的文件夹icon，不同类型的文件夹使用不同的icon，会让文件查找更直观。
9. open in browser：可选。右键可以选择在默认浏览器中打开当前网页。

更多插件大家可以自行搜索和安装。

快捷键：

可以按ctrl+k以及ctrl+s来打开快捷键窗口，在这个里面可以看到vscode的所有快捷键。然后在这个里面可以输入关键字来查看对应的快捷键。比如搜索delete可以看到所有和删除相关的快捷键：