到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模板。
<!DOCTYPE html>
<html lang="en">
<head>
....................
<title>Document</title>
</head>
<body></body>
</html>
更多推荐