VS code插件
vs code 下载
https://code.visualstudio.com/
vs code 使用
1.几个常用快捷键
Ctrl+H：替换
Ctrl+/：行注释
shift+alt+a：块注释
Ctrl+enter：下一行插入
Ctrl+shift+f：文本查找
shift+alt+f：代码格式化
2.插件
五个基本视图（从上到下）
- 资源管理器（新建文件）
- 搜索功能
- 代码版本管理（VS Code内置Git代码版本管理（需要系统先安装Git））
- VS Code中集成了强大的代码调试功能（配合调试器使用）
- 扩展插件
30个常见插件
| 插件名 | 描述 |
|---|---|
| Chinses | 中文 |
| Bracket Pair Colorizer | 括号颜色 |
| path intellisense | 自动提示文件路径 |
| JavaScript(ES6) code snippets | ES6 语法智能提示及快速输入 |
| Vetur | vue插件 |
| ES7 React/Redux/GraphQL/React-Native snippets | React 开发者必备 |
| Npm Intellisense | npm 装包后，require 时的包智能提示import 语句中自动填充 npm 模块 |
| Better Comments | 使注释有人性化的高亮显示 |
| Auto Close Tag | 自动补充 |
| Auto Rename Tag | 自动对齐 |
| code runner | 万能语言 |
| debugger for chrome | 谷歌调试工具 |
| Debugger for Firefox | 火狐调试工具 |
| ESLint | JavaScript 语法纠错 |
| GitLens | Git 者必备 |
| html css support | 智能提示 CSS 类名以及 id 名 |
| HTML Snippets | 智能提示 HTML 标签 |
| jQuery Code Snippets | jQuery 代码智能提示 |
| Class autocomplete for HTML | 智能提示HTML class =“”属性 |
| IntelliSense for CSS class names | 智能提示 css 的 class 名 |
| live server | 模拟本地服务器 |
| open in browser | 在文件里打开页面 |
| project manager | 管理文件 |
| Image Preview | 鼠标悬浮在链接或者装订线(gutter)左边可以预览到图片 |
| SVG Viewer | 无需离开编辑器，便可以打开 SVG 文件并查看 |
| filesize | 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间 |
| css peek | class名称定义调转 |
| document this | jsdoc注释生成 |
| vscode - faker | 生成假数据，地址，电话，图片等 |
| beauty | 自动格式化代码 |