VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。

1.VSCode下载

 

vscode lua代码补全 vscode 代码补全插件_编辑器

3.VSCode常用插件(安装步骤同汉化)

      3.1 Auto Close Tag (自动闭合HTML/XML标签)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_02

      3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)

vscode lua代码补全 vscode 代码补全插件_vscode_03

      3.3 Beautify (格式化 html ,js,css)

vscode lua代码补全 vscode 代码补全插件_Code_04

      3.4 Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)

vscode lua代码补全 vscode 代码补全插件_HTML_05

      3.5 Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)

vscode lua代码补全 vscode 代码补全插件_编辑器_06

      3.6 ESLint(js语法纠错,可以自定义配置)

vscode lua代码补全 vscode 代码补全插件_Code_07

      3.7 GitLens(方便查看git日志)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_08

      3.8 HTML CSS Support (智能提示CSS类名以及id)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_09

      3.9 HTML Snippets(智能提示HTML标签,以及标签含义)

vscode lua代码补全 vscode 代码补全插件_vscode_10

      3.10 JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)

vscode lua代码补全 vscode 代码补全插件_Code_11

      3.11 jQuery Code Snippets(jQuery代码智能提示)

vscode lua代码补全 vscode 代码补全插件_HTML_12

      3.12 Markdown Preview Enhanced(实时预览markdown)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_13

      3.13 markdownlint(markdown语法纠错)

vscode lua代码补全 vscode 代码补全插件_vscode_14

      3.14 Material Icon Theme(vscode图标主题)

vscode lua代码补全 vscode 代码补全插件_HTML_15

      3.15 Icon fonts(图标字体)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_16

      3.16 open in browser(右键快速在浏览器中打开html文件)

vscode lua代码补全 vscode 代码补全插件_编辑器_17

      3.17 Path Intellisense(自动提示文件路径)

vscode lua代码补全 vscode 代码补全插件_HTML_18

      3.18 React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

vscode lua代码补全 vscode 代码补全插件_HTML_19

      3.19 Vetur(Vue多功能集成插件,错误提示等)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_20

      3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_21

      3.21 npm Intellisense(require 时的包提示)

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_22

4.VSCode快捷键

      4.1 左侧是按键,右侧是功能(下同)

vscode lua代码补全 vscode 代码补全插件_HTML_23

      4.2 基础编辑

vscode lua代码补全 vscode 代码补全插件_vscode_24

      4.3 导航

vscode lua代码补全 vscode 代码补全插件_编辑器_25

      4.4 搜索和替换

vscode lua代码补全 vscode 代码补全插件_HTML_26

      4.5 多光标和选择

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_27

      4.6 语言编辑

vscode lua代码补全 vscode 代码补全插件_编辑器_28

      4.7 编辑器管理

vscode lua代码补全 vscode 代码补全插件_编辑器_29

      4.8 文件管理

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_30

      4.9 显示

vscode lua代码补全 vscode 代码补全插件_vscode lua代码补全_31

      4.10 调试

vscode lua代码补全 vscode 代码补全插件_编辑器_32

      4.11 集成终端

vscode lua代码补全 vscode 代码补全插件_编辑器_33