1.0 VsCode 前端常用快捷键及插件

vscode常用快捷键

1.复制一行/多行

shift+alt+↑ 上/ 下箭头 

ctr+c , ctr+v

2.选中多个相同单词并修改

比如把多个<span>改成<p>， 双击选中再长按ctr+d 不断向下选中

3.多个光标

crl+alt+↓下箭头

4.vscode页面放大，减号缩小

ctr+加号 

5. 单行注释

ctr+/

6. 多行注释

自定义一下，使用ctr+shift+/  更方便

点击管理->键盘快捷方式->在上面框里输入shift+alt+a->点击铅笔-> 按住ctr+shift+/  -> 按回车键完成

7.写html时

.header然后tab键，自动生成 <div class="header"></div>

vscode常用插件

1. Auto Rename Tag

<title> </title>更改成<span></span> 双击选中<title>，<title>修改成<span>, 后面的</title>也会自动修改

2. open in browser 预览用的

3. Live Server

浏览页面用的，推荐使用这个，不用手动刷新

4. vscode-icons

显示目录中 .html, .js等文件类型的专属图标