什么是VSCode
VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。
Visual Studio Code 默认支持非常多的编程语言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段；对于部分语言，可以使用 IntelliSense。Visual Studio Code 也支持调试 Node.js 程序。和 GitHub 的 Atom一样，Visual Studio Code 也基于 Electron 框架构建。
安装
- VScode 官网地址：https://code.visualstudio.com/
- VScode 官方文档地址：https://code.visualstudio.com/docs
- 下载地址：https://code.visualstudio.com/download
- 扩展说明文档参考：https://code.visualstudio.com/docs/editor/extension-marketplace
初始化配置
安装汉化包
- 打开 VScode，点击安装扩展，在搜索框输入 Chinese，然后点 Install
- 查看--命令面包--configure display language
设置快捷键映射
打开 VScode，点击安装扩展，在搜索框输入 idea，选择下载次数最多的，点击Install。
导入导入映射：https://www.cnblogs.com/VoxBlog/p/16036599.html
使用
界面介绍
新建项目
vscode新建项目和其他ide不太一样，vscode新建项目是从外部建立文件夹，在vscode中选择打开文件夹。
新建文件
在资源导航中选择新建文件，新建自己想要的java、js、python、shell等各类源文件。-
常用插件
- Auto Close Tag (自动闭合HTML/XML标签)
- Auto Rename Tag (自动完成另一侧标签的同步修改)
- Beautify (格式化 html ,js,css)
- Bracket Pair Colorizer(给括号加上不同的颜色，便于区分不同的区块)
- Debugger for Chrome(映射vscode上的断点到chrome上，方便调试)
- ESLint(js语法纠错，可以自定义配置)
- GitLens(方便查看git日志)
- HTML CSS Support (智能提示CSS类名以及id)
- HTML Snippets(智能提示HTML标签，以及标签含义)
- JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)
- jQuery Code Snippets(jQuery代码智能提示)
- Markdown Preview Enhanced(实时预览markdown)
- open in browser(右键快速在浏览器中打开html文件)
- Path Intellisense(自动提示文件路径)
- Vetur(Vue多功能集成插件，错误提示等)
- Class autocomplete for HTML(智能提示HTML class =“”属性)
- npm Intellisense(require 时的包提示)
