Visual Studio Code（VS code）简单使用入门以及常用快捷键

写在前面

　　　在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。

　　　都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻城狮，都被VS code比德芙还丝滑的强大功能所折服。

　　　我是来给大家安利插件的，想做个比较全面的插件集合给大家。网上的我也看过一些，但是都比较零散，时间也久了一些，我结合最近的情况，总结一下

　　　造福大家，才是我想做的。手动比心❤。

正文

一.日常安利　VS code

　VS vode特点：

开源，免费；
自定义配置
集成git
智能提示强大
支持各种文件格式（html/jade/css/less/sass/xml）
调试功能强大
各种方便的快捷键
强大的插件扩展

 对前端这么友好，没理由不用。

  Visual Studio Code（VScode ）官网　：https://code.visualstudio.com/

Visual Studio Code（VScode ）github地址 ：https://github.com/Microsoft/vscode

二.怎么安装插件？

• 点击图中位置

• 

三.插件合集

插件官网：https://marketplace.visualstudio.com/

　　每一个插件名都超链接到官网，注意查看

a.配置类插件：

1.Settings Sync

最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，

使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。

2.Debugger for Chrome

从VS Code调试在Google Chrome中运行的JavaScript代码。

用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

 3.beautify

格式化代码工具

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

4.Atuo Rename Tag

修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改

5.中文（简体）语言包

Chinese (Simplified) Language Pack for Visual Studio Code

将界面转换为中文，对英语不好的人，非常友好。例如我。。。

6.Code Spell Checker

代码拼写检查器

一个与camelCase代码配合良好的基本拼写检查程序。

此拼写检查程序的目标是帮助捕获常见的拼写错误，同时保持误报数量较低。