VSCode各种格式化代码

用vscode 写项目，html/js/css/vue.... 不同文件，到底是谁在格式化，又怎样做语法修正，一直让人头疼，咱们今天卸载vscode 重头来一遍

1.彻底卸载vscode --------------------------------------------

1.1 删除 配置文件

• 去 C:\Users\james\AppData\Roaming\Code\User 删除 settings.json 文件

• 查看配置文件路径

  
  查看配置文件路径

1.2 卸载 vscode

• 方式一： 打开 vscode 的安装目录，运行里面的 卸载程序
• 方式二：用卸载工具，比如 360安全卫士里的 软件管家

1.3 删除vscode 扩展文件

• 去当前登录用户目录 删除 .vscode 文件夹
  去当前登录用户目录 删除 `.vscode` 文件夹

2.重新下载安装 vscode --------------------------------------------

• 方便后期开发使用，记得选小勾勾

  
  重新下载安装 vscode

3.设置文件保存时格式化 -------------------------------------------

设置文件保存时格式化

4.测试各种文件格式化 ---------------------------------------------

4.1 html/js/css/json 格式化

• VSCode自带html/js格式化
• 但 CSS 代码需要安装专门的扩展插件 CSS Formatter
  普通文件格式化

4.2 vetur 格式化

• 在设置中，搜索 format 关键字，在扩展中 选中 Vetur，可以看到针对 .vue 文件不同的部分，可以设置格式化器（我们在这可以把 JS部分 的改一下就好）
  vetur 格式化

OK，就这么简单，格式化代码的配置已经搞定了，真正麻烦的是eslint语法检查和自动修正，情况下一篇：【vscode配置eslint】