vscode前端开发(html/js/css)配置(插件&快捷键&常用设置)
1.插件：Chinese (Simplified) Language Pack for Visual Studio Code（中文界面）2.插件：vscode-icons(图标集，资源管理器一目了然)3.插件：HTML CSS Support(智能提示CSS类名以及id)4.插件：Live Server(标准HTML页面浏览器自动刷新)，修改默认的浏览器在插件的manage->extensi
请各位同学详细阅读此说明，按照文中内容，安装相应插件。
到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.插件-AI编程助手：Fitten Code，此插件可以自动生成代码，提升开发效率，调试 Bug，节省您的时间，另外还可以对话聊天，解决您编程碰到的问题。
8.vs code创建html文件时生成html模板：
点击工程(文件夹)后面的添加文件图标，添加一个html文件，在生成的文件中先输入!，再按tab键，生成html模板。
<!DOCTYPE html>
<html lang="en">
<head>
....................
<title>Document</title>
</head>
<body></body>
</html>
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
21
0- 0
已为社区贡献1条内容
所有评论(0)