关于vscode书写html快捷键及默认浏览器修改

---

vscode默认浏览器修改

依次点击文件、首选项、扩展（或直接按ctrl+shift+x调出）
搜索“open in browser”
选择设置（扩展页面下直接单击该图标）
选择Extension Settings
更改名称即可（谷歌Google Chrome，火狐Firefox）

vscode中编写html快捷键

全局自动换行alt+z
书写标签时，写完字母直接点击tab键即可生产标签
直接书写字母出现提示按回车也可

emment语法使用

快速生成HTML结构语法

1. 生成标签直接输入标签名按tab键即可 比如 div 然后tab键，就可以生成<div></div>
2. 如果想要生成多个相同标签加上*就可以了，比如 div*3就可以快速生成3个div
3. 如果有父子级关系的标签，可以用> 比如 ul > li就可以了
4. 如果有兄弟关系的标签，用 + 就可以了比如div+p
5. 如果生成带有类名或者id名字的，直接.dome或者 #two tab键就可以了
6. 如果生成的div类名是有顺序的，可以用自增符号 $

css样式快捷键

首字母加tab或者首字母加像素加tab
快速格式化文档shift+alt+f

快速格式化代码

shift+alt+f也可以设置当我们保存页面的时候自动格式化代码：

1. 【文件】-------->【首选项】-------->【设置】；
2. 搜索emmet。include；
3. 在settings.json下的【用户】中添加以下语句；

   “editor.formatOnType”:true,
   “editor.formatOnSave”:true;

4. 只需要设置一次即可，以后都可以自动保存格式化代码