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

VSCode下载链接: https://code.visualstudio.com/
2.VSCode汉化

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML

3.VSCode常用插件(安装步骤同汉化)
3.1 Auto Close Tag (自动闭合HTML/XML标签)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_02


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_03


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_04

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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_05


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_06


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_07


3.7 GitLens(方便查看git日志)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_08


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_09

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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_10


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_11


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_12


3.12 Markdown Preview Enhanced(实时预览markdown)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_13


3.13 markdownlint(markdown语法纠错)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_14


3.14 Material Icon Theme(vscode图标主题)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_15


3.15 Icon fonts(图标字体)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_16


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_17


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_18


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_19


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_20


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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_21


3.21 npm Intellisense(require 时的包提示)

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_22

3.22将所写的东西在浏览器中显示快捷键:Shift+Alt+B选择一个浏览器打开(此处注意文件必须是 .HTML文件,不然不会显示内容)例如我在VC上随便写一个东西,然后用浏览器打开,以下两个图为我的操作

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_23

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_24


3.23 设置用滑轮改变字体的大小和更改vscode默认浏览器的方法1.点击文件-首选项-设置:到达如下图所示

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_25


点击上图所示箭头,进入如下图,并输入这两行,然后ctrl+s保存后就可以用滑轮改变字体大小,并且可以更改你的默认浏览器

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_26


4.VSCode快捷键

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

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_27


4.2 基础编辑

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_28


4.3 导航

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_29


4.4 搜索和替换

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_30


4.5 多光标和选择

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_31


4.6 语言编辑

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_32


4.7 编辑器管理

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_33


4.8 文件管理

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_Code_34


4.9 显示

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_HTML_35


4.10 调试

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_36


4.11 集成终端

使用vscode编写typescript文件可以下载的插件 vscode下载哪些插件_快捷键_37

4.12调节vscode的背景颜色快捷键 ctrl+k然后在按ctrl+t

4.13 打开浏览器 alt+b;保存Ctrl+s
本文作者:Yaphets.Lee