VSCode 下载 插件安装

https://code.visualstudio.com/

中文显示

在浏览器打开

open in browser 

自动格式化 代码

JS-CSS-HTML Formatter

自动补齐标签

Auto Rename Tag

注意这个插件很重要

自动代码修整

Prettier - Code formatter.

 

 

 

安装它 还需要在项目中添加一个配置文件

.prettierrc

 

{

  "semi": false,

  "singleQuote": true ,

  "trailingComma": "none",

  "printWidth": 200

}

 

"semi": false,  是否在代码结尾尾随一个分号， false 不尾随

"singleQuote": true , 是否使用带引号代替双引号 如果使用true 就是 全部单引号

"trailingComma": "none", 是多行语法中加逗号结尾吗 none 不加

 

 

 

 

 

 

 

 

{

  "semi": false,

  "singleQuote": true ,

  "printWidth": 200

}