安装及配置
1.vscode 安装
一路下一步, 遇框全选
2.插件
Beautify代码格式化 (shift + alt + F)
open in browser 预览当前程序, 右键可以看到 open in xxxx , 或使用快捷键
3.设置
power Mode 鼠标酷炫效果
首选项 --> 设置 或(ctrl+,)
找到 power mode 选项 --> Powermode:Enabled 勾选
自动保存: File --> Preferences --> Settings --> Auto Save : afterDelay
Font Size
Word Wrap 是否自动换行
快捷键
1. ! 叹号 生成html骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 此行多余
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 此行多余
<title>Document</title>
</head>
<body>
</body>
</html>
2. div 生成:
<div></div>
3. div#box.red 生成:
<div id="box" class="red"></div>
4. div.box>h2+(ul>li*5{$}) 生成
<div class="box">
<h2></h2>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
6. ctrl + / 单行注释
7. shift + alt + A 多行注释
8. shift + alt + F 代码格式化
9. ctrl + k + 0 代码收起 -- 按住 ctrl 不放手, 再按 k 再按0
10. ctrl + k + j 代码展开 -- ctrl不放手, 按 k 再按j
