vscode前端开发(htmljscss)配置(插件&快捷键&常用设置)

到Visual Studio Code - Code Editing. Redefined下载vs code(system installer版)，安装后配置如下插件。

1.插件：Chinese (Simplified) Language Pack for Visual Studio Code（中文界面）

2.插件：vscode-icons(图标集，资源管理器一目了然)

3.插件：HTML CSS Support(智能提示CSS类名以及id)

4.插件：Live Server(标准HTML页面浏览器自动刷新)，修改默认的浏览器在插件的manage->extension settings->live server>custom browser-chrome(或其它)。

liver server的自动刷新配合vs code自动保存效果更好，修改vs code自动保存方法为：setting->commonly used->auto save修改为after delay，after delay默认1000毫秒，可修改。

5.插件：javascript (es6) code snippets，javascript代码补全库。

6.插件：open in browser，用于右键增强，使用浏览器打开html页面。

7.vs code创建html文件时生成html模板：

点击工程(文件夹)后面的添加文件图标，添加一个html文件，在生成的文件中先输入**!，再按tab**键，生成html模板。

…