如何设置vscode方便编写前端vue项目的代码

众所周知 用vscode写vue代码真是太爽了

1. 下载安装vscode

vscode官方下载地址

2. 打开项目目录

发现VUE的代码在这个编辑器里还是很不友好的（手动狗头），所以接下来我们要为我们的vscode安装一些插件。

3. 安装常用的插件

推荐这几个插件

• Vetur 写VUE必备
• Prettier 格式化代码！！！！！！
• Auto Rename Tag 让修改收尾标签时自动一致的
• Bracket Pair Colorizer 多括号编程彩色的
• Material Theme 修改主题颜色的

这个直接点install安装就好了，一定要保证网络通畅，安装好了大概是这个样子

4. 设置常用快捷键

选择左下角的设置

搜索对应的快捷键，下面是我常用的

1. 删除一行
   

2. 代码提示
   

3. 代码格式化
   

根据个人习惯设置就好，这些是我从eclipse那时候延续下来的习惯…

5. 然后就可以开心的写代码啦