1. 下载 VS code https://code.visualstudio.com/
安装成功后，打开vs code,默认是英文版,我们需要通过插件去打造一款方便我们开发的编辑器
2. 安装插件
* Chinese (Simplified) Language Pack for Visual Studio Code
不知同学们有没有遇到这样一种情况，由于换工作或者电脑的时候 ，本来已经配置好的编辑器，在新的电脑上一夜回到了解放前，这就需要我们继续去扩展商店里找寻那些遗失的美好。。。
* Settings Sync
安装成功以后,在编辑器键如F1,然后输入sync,点击更新/上传设置 如下图，点击Login with github,跳转到github页面，登录自己的github账户，如没有账户，请自行注册 如果您是第一次使用设置sync同步，则在您上传设置时会自动创建GIST如果您已经拥有GitHub Gist，则将打开新窗口，以允许您选择GitHub Gist或跳过以创建新的Gist。打开设置 > setting.json 可以看到以下配置
// *同步本地vs setting & plugin 到 gist "sync.gist": "0f97558d1f65678f187508caaff60a", "sync.host": "", "sync.pathPrefix": "", "sync.quietSync": false, "sync.askGistName": false, "sync.removeExtensions": true, "sync.syncExtensions": true, "sync.autoDownload": false, "sync.autoUpload": true, "sync.lastUpload": "2018-08-27T03:50:55.007Z", "sync.lastDownload": "", "sync.forceDownload": false,此时，编辑器将自动上传和下载配置到本地或您的github账户
* Material Icon Theme 美化文件图标
您可以使用命令面板F1更改文件夹图标的设计："material-icon-theme.folders.theme": "specific"
* Dracula Official Visual Studio Code的深色主题
更多的主题，您可以按照自己的喜欢去找寻一款更适合于您的主题，可以在扩展商店搜索theme
安装成功以后，按以下步骤就可以改变主题背景颜色 以下便是刚才配置好的主题颜色
* GitLens — Git supercharged git 可视化及操作命名 在扩展商店搜索框输入git,安装如下图所示的git插件 如果您的代码是git项目，您可以通过下图的步骤去管理本地和远程仓库 这样可以省去git 命令行 git add git commit git pull git push等操作
3. 更多推荐插件
Auto Import - ES6, TS, JSX, TSX 为所有可用的导入自动查找，解析并提供代码操作和代码完成。 与JavaScript（ES6）和TypeScript（TS）一起使用
background 在您的vscode中添加漂亮的背景图片。
Auto Rename Tag 与Visual Studio IDE一样，自动重命名配对的HTML / XML标记。
Beautify 在Visual Studio Code中美化javascript，JSON，CSS，Sass和HTML。
background-cover 添加一张你喜欢的图片铺满整个vscode…
Bookmarks 给您的代码做一个标记并跳到它们。
Color Info 提供有关CSS颜色的快速信息
Color Manager 颜色选择器和调色板
Compare Folders 按内容比较文件夹，显示有差异的文件并并排显示差异
Debugger for Java 用于Visual Studio Code的轻量级Java调试器
Debugger for Chrome 在Chrome浏览器或任何其他支持Chrome Debugger协议的目标中调试JavaScript代码。
Document This 在TypeScript和JavaScript文件中自动生成详细的JSDoc注释。
HTML SCSS Support 用于HTML对SCSS的支持
Java Extension Pack Java开发的流行扩展等等。
Live Sass Compiler 通过实时浏览器重新加载将Sass或Scss实时编译为CSS。
Live Server 启动具有实时重新加载功能的开发本地服务器，用于静态和动态页面Markdown Preview Enhanced Markdown Preview增强版已移植到vscode
Maven for Java 管理Maven项目，执行目标，从原型生成项目，改善Java开发人员的用户体验。
Path Intellisense 自动完成文件名的Visual Studio Code插件
Vetur VS Code的Vue工具
vscode-fileheader 插入标题注释，并自动更新时间。
>>>>>> 如 需 完 整 的 扩 展 配 置 ， 请 @ 或 者 在 下 方 留 言 \color{blue}{如需完整的扩展配置，请@或者在下方留言} 如需完整的扩展配置，请@或者在下方留言 >>>>>>
