VsCode相关插件及使用

1、VsCode插件推荐

• Chinese：中文插件
• atom one dark：颜色主题
• Bracket Pair Colorizer 2：此(插件)扩展已弃用，因为此功能现在内置于 VS Code。只需要在setting.json文件中配置如下即可

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs":"active"
}

• VSCode Great Icons：文件夹图标
• open in browser和Live Sever：在浏览器中打开网页
• Auto Rename Tag：自动重命名成对的HTML/XML标记，与Visual Studio IDE相同。
• px to rem & rpx & vw (cssrem)：在VSCode中的px和rem，vw等单元之间进行转换，并支持WXSS。
• Vetur：Vue代码的视图工具。

2、VSCode的配置：

在vscode中点击 文件 -> 首选项 ->设置 即可配置

• Auto Save： 自动保存
• Font Size ：修改代码字体大小
• Word Wrap ：代码自动换行
• Render Whitespace： 空格的渲染方式(个人推荐)
• Tab Size： 代码缩进；推荐2个空格（公司开发项目基本都是2个空格）