1.官网下载：https://code.visualstudio.com/
2.设置中文：在应用商店中直接搜索Chinese (Simplified) Language安装，安装完成后重启即可
3.常用插件：
4.插件安装:
1) less : Easy LESS
2) 成对的彩色括号 ：Bracket Pair Colorizer 2
3）同步到GitHub ：Settings Sync（安装完后新增一个Github token，权限只要选gist即可）
4）带颜色的缩进：Indent-Rainbow
5）详细的 Git 提交日志，显示每一行代码的作者以及提交时间：GitLens
6）Git 历史：Git history
7）直观显示css/web 中定义的颜色：Color Highlight
8）实时执行 JavaScript 代码(做快速的 demo 很有用)：Quokka.js
9）立刻运行代码：Code Runner
10）Vue 工具插件：Vetur
11）实时显示网页情况：Live server
12）自动纠正 Python 缩进：Python indent
13）头部注释添加/更新插件：vscode-fileheader
14）高亮显示备注中的 TODO 事项，推荐配合 Todo Tree 使用：TODO Highlight
15）点击左侧栏“树”的logo，显示 TODOList 条目，点击相应的条目，可以打开文件并定位到 TODO 行： Todo Tree
16）自动写关闭标签的插件：Auto Close Tag
17）自动重命名关闭标签：Auto Rename Tag
18）代码段生成图片：Polacode
代码分享为图片（图片的格式可以为 png 和 svg）：carbon-now-sh
19）显示css中的颜色属性信息：Color Info
20）正则结果预览插件：Regex Previewer
21）改变文件图标：vscode-icons
22）在浏览器里预览网页：View In Browser
23）高亮对应的 HTML 标签和标识出对应的各种括号的功能：Highlight Matching Tag
24）自动修改匹配的 HTML 标签：Auto Rename Tag
25）智能路径提示：Path Intellisense
26）实时预览 markdown：Markdown Preview
27）CSS / SCSS / Less 语法检查：stylelint
28）格式化插件（可格式化React）：Prettier
29） CSS 属性书写顺序：CSScomb
30）给变量命名：CodeIf（同名网站输入中文名，会提供很多建议的命名）
31）快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.log：Turbo Console Log
快捷键涉及：
ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log
alt + shift + c 注释所有 console.log
alt + shift + u 启用所有 console.log
alt + shift + d 删除所有 console.log
32）刷题：LeetCode（同名刷题网站，输入账号密码即可登陆）
33）自动添加 CSS 私有前缀：css-auto-prefix
34）定位 CSS 类名：CSS Peek
35）处理 JSON 文件：vscode-json
36）React/Redux/GraphQL/React-Native 代码快捷生成：ES7 React/Redux/GraphQL/React-Native snippets
37）压缩 HTML、CSS、JS 代码：Minify
38）快速挑选 Markdown 中的 Emoji：:emojisense:
39）
40）添加字体图标：Icon Fonts
41）预览 SVG：SVG Viewer
42）像素转 rem：px to rem
43）语法规则和代码风格的检查工具：ESLint
44）Chrome 调试工具：Debugger for Chrome
45）万能语言运行环境：Code Runner
46）快速注释：Document This
47）CSS 类名智能提示：IntelliSense for CSS class names in HTML
48）代码拼写检查： Code Spell Checker
5.快捷键：
1）插件搜索：ctrl + shift + x
2）生成html模板页面：！+ tab键
3）打开新的编辑器窗口：Ctrl+Shift+N
4）在当前行上下复制当前行：Shift + Alt up/down
