VSCode详细使用教程

 VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。

1.VSCode下载

VSCode下载链接: https://code.visualstudio.com/

2.VSCode汉化

3.VSCode常用插件(安装步骤同汉化)

      3.1 Auto Close Tag (自动闭合HTML/XML标签)

      3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)

      3.3 Beautify (格式化 html ,js,css)

      3.4 Bracket Pair Colorizer(给括号加上不同的颜色，便于区分不同的区块)

      3.5 Debugger for Chrome(映射vscode上的断点到chrome上，方便调试)

      3.6 ESLint(js语法纠错，可以自定义配置)

      3.7 GitLens(方便查看git日志)

      3.8 HTML CSS Support (智能提示CSS类名以及id)

      3.9 HTML Snippets(智能提示HTML标签，以及标签含义)

      3.10 JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)

      3.11 jQuery Code Snippets(jQuery代码智能提示)

      3.12 Markdown Preview Enhanced(实时预览markdown)

      3.13 markdownlint(markdown语法纠错)

      3.14 Material Icon Theme(vscode图标主题)

      3.15 Icon fonts(图标字体)

      3.16 open in browser(右键快速在浏览器中打开html文件)

      3.17 Path Intellisense(自动提示文件路径)

      3.18 React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

      3.19 Vetur(Vue多功能集成插件，错误提示等)

      3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)

      3.21 npm Intellisense(require 时的包提示)

      3.22 File Peek （根据路径字符串，快速定位到文件)

      3.23 HTMLHint  (HTML格式提示)

       3.24 VS Color Picker (vs颜色选择器)

       3.25 Vue 2 Snippets (Vue2代码补全)

       3.26 Prettier - Code formatter (代码格式化插件)

      3.27 Import Cost （查看你引入的依赖模块大小）
      3.28 polacode （生产代码图片快照插件）
      3.29 vscode-leetcode （一个能让你在 vscode 中刷 LeetCode 的插件 算一个划水神器吧）
      3.30 vscode-icons VS Code （必备吧，为文件添加炫图标）
      3.31 CodeSnap （生产代码截图）

3.32 Better Comments(更加人性化的注释)

3.33 Stylelint

3.34 GraphQL

3.35 Indent-Rainbow

3.36 Color Highlight

3.37 Color Picker

3.38 REST Client

3.39 VSCode Google Translate （如果是参与多语言开发的项目，VSCode Google Translate 可以帮助咱们快速切换语言。）

3.40 IntelliJ IDEA Key Bindings（设置成快捷键与IDEA相同）

3.50 Rainbow Brackets （使代码里括号的颜色变得丰富多彩）

3.60 Auto Rename Tag （自动更改相应的开始/结束标记）

3.70 Relative Path （过简单的键盘快捷键即可轻松获取工作空间中任何文件的相对路径。）

3.80 Markdown Preview Enhanced （md文件）

3.90 CSS Peek （css样式快速定位）

4.10 Turbo Console Log  （使用快捷键将变量名及其值轻松记录到控制台。为了便于调试，可以在日志文件中配置文件名和行号之类的内容。）