VSCode常用插件
插件：
Chinese (Simplified) Language Pack for Visual Studio Code 中文
open in browser 将html页面在浏览器中打开
Prettier - Code formatter
Atom One Dark Theme 主题
JS-CSS-HTML Formatter
Auto Rename Tag
indent-rainbow
Bracket Pair Colorizer 匹配括号
Vscode-icons 文件图标的样式
Vscode使用配置
- Auto Save : after Delay 自动保存
- Font Size : 20 修改代码字体大小
- Word Wrap : on 代码自动换行
- Render Whitespace : all 空格的渲染方式(个人推荐)
- Tab Size : 2 代码缩进
- 基础阶段建议缩进4个空格,进阶阶段开始慢慢习惯2个空格
- 字体：Menlo, Monaco, ‘Courier New’, monospace
- material theme里面的pale night
快捷键的总结
! : 自动生成一套HTML代码
tab : 增加选中行的缩进
tab+shift : 减小选中行的缩进
ctrl + c : 复制
ctrl + x : 剪切
ctrl + v : 粘贴
ctrl + L : 选中当前行
ctrl + . : 让输入法在中英文标点符号之间来回进行切换
ctrl + / : 在代码当中快速打出注释
ctrl + enter : 换到下一行同样位置
ctrl + space : 代码提示
ctrl + F : 搜索
ctrl + shift + enter : 向上插入行
ctrl + shift + L : 选中所有出现的当前已选择文本
alt + shift + 向下 : 复制
alt + shift + F : 格式化当前文档
alt + shift + 鼠标拖动 : 一次选中多个内容
alt + b : 快速在浏览器中浏览网页
alt + 鼠标点击 : 一次选中多个内容
alt + ↑ : 向上或下移动当前行
alt + F12 : 跳转到定义
shift + ↑ : 多字符、多行选择