Visual Studio Code 安装与使用

1，它开源免费，通过安装开发语言相关的插件，可以让VS Code实现相应的语法识别和代码提示，目前拓展商店已经提供了大多数编程语言的插件，可以随便下载，常用有Script有JScript、EScript ,以及包括PHP，Python等其它语言。

2，Visual Studio Code的侧边栏它集成了在编码和重构时会用到的核心功能，你需要的其他任何功能都可以通过安装扩展来满足。

3，它有一个非常有用的语法高亮和自动完成功能，提供了基于变量类型、函数定义和导入模块的自动补全功能，对开发人员提供了很大的帮助。

4，内置调试器可以通过添加断点和观察器进行调试，以帮助你加快编辑，编译等。默认情况下，它支持 NodeJS ，并且可以调试任何可以被转换为 JavaScript 的语言，部分语言需要安装扩展才能进行调试。

5，Visual Studio Code内置了一个 Git GUI，支持最常用 Git 命令，可以自己在项目中所做的更改。

Visual Studio Code 安装

1，安装地址（官网下载）： https://code.visualstudio.com/ ，进去网址后点击后上角下载，选择与自己的系统匹配的一项，现在成功过双击按照提示进行安装就可以。

1,先ctrl+shift+p，弹出命令面板-选中Extensions:Install Extensions 或者点击左侧栏这个扩展按钮（Ctrl+Shift+X）第五个就可以打开，在搜索框体输入想要安装的插件。

常用的插件集合

（1）Material Theme VS Code 主题插件

（2）Auto Import 自动去查找、分析、然后提供代码补全。

（3）Indent-Rainbow 是代码对齐，更方便阅读和查找

（4）IntelliSense for CSS class names in HTML 基于你的项目以及通过link标签引用的外部文件，该智能插件提供 HTML 中 CSS class 名字的补全

（5） SVG Viewer 一个利于预览svg的插件

（6）Prettier 用来美化的代码的。

（7）React Native Tools 代码提示、Debugging、集成 RN 的命令。

（8）npm Intellisense 导入语句自动补全 npm 模块名称。

（9）highlight-matching-tag 标签高亮显示

（10）GitLens 丰富的git日志插件丰富的git日志插件

（11）Bracket Pair Colorizer 对不同的代码块进行高亮

（12）Color Highlight 展示你定义的颜色。

（13）CSS Peek 可以在 HTML 中通过 CSS id 或则 class 来定位到其定义，显示你的css代码块。

（14）Debugger for Chrome 用 Chrome 来 Debug 你的 JavaScript 代码，或则其它支持 Chrome Debugger 协议的平台。

（15）beautify 格式化代码的工作。

（16）vscode-vue 主要应用与vue

（17）Language Packs 安装中文，点击确定后，会重新打开软件，再次打开后软件的语言为中文。

（18）open in browser 打开浏览器的插件，

1,Ctrl + S 保存

2，Ctrl + C 粘贴

3.，Ctrl+ V 复制

4， Shift+Alt+F 格式化文档

5，Ctrl+I 选择当前行

6，Ctrl+F 查找

7，Ctrl+H 替换

8，Ctrl+/ 添加或者删除行注释

9，Alt+B 打开默认浏览器