VScode入门

1.Chinese (Simplified) Language Pack for Visual Studio
适用于 VS Code 的中文（简体）语言包
install安装后重启vscode即生效

2.ctrl+k ctrl+t ，先按ctrl+k，再按ctrl+t 就能打开主题背景切换

. 若想多处重复编辑，按住alt，Mac系统是option。这样就能选中多行

11
11
11

3.设置：Editor: Word Wrap 控制折行的方式。 建议选为on，这样就能自动换行。

4.行注释 ctrl+/ command+/
块注释 shift+alt+a shilt+option+A

5.上方插入一行ctrl+shift+enter
查找 ctrl+shift+f
下方插入一行 ctrl+enter
格式化代码 alt+shift+f

插件：
1.CSS Peek html于css相关联
如：. .sss{xxx} 关联后点击class名，css的样式就会展现出来

2.Prettier code-formatter 代码格式化

3.Icon fonts 图标集，字体提示，如：font awesome,在写样式的时候会标出出自哪个库

4.Auto Rename Tag ：自动修改/重命名标签
如：

. 修改div为nav，会自动补齐下面的闭合标签为nav

5.HTML Boilerplate：HTML模版
在vscode新建html，只能手写html模版，这个插件能帮助自动创建出html5的模版。与webstorm上创建html文件，自动出模版类似

6.Color Info 颜色提示，鼠标点击到设置的颜色上（background-color: #D8D8D8;），会显示多种设置的颜色，rgba或者#…

7.Auto Close Tag 自动闭合标签 。输入：

</ 会自动闭合后面的标签。

8.HTML CSS Support Html中css class的智能提示。
如：在css中已经写了某个标签的样式，在html定义标签的时候就会有提示。
.link{color:red}
Html:

. 这个时候就会有提示，link in css…