实用扩展
1.Chinese (Simplified) (简体中文)
- 适用于 VS Code 的中文(简体)语言包
2.Auto Rename Tag
- 同步修改 HTML/XML标签
3.open in browser
- 提供右键菜单选项,一键在浏览器打开html文件。
4.Prettier - Code formatter
- 最流行的前端代码格式化利器
5.Live Server
- 开启一个实时的本地服务器
6.Path Intellisense
- 智能路径补全
7.Image preview
- 鼠标悬停可以预览图片
8.Code Spell Checker
- 一个基本的拼写检查器,可以很好地与驼峰大小写代码配合使用。
9.Better Comments
- 写出更个性化的注释
10.Easy LESS
实时编译less到css
11.Sass
写sass/scss文件必装的插件
12.Live Sass Compiler
实时编译sass/scss到css
13.jQuery Code Snippets
jquery代码提示
14.JavaScript (ES6) code snippets
es6等代码块,语法提示
15.vetur
vue文件代码高亮插件
16.Bracket Pair Colorizer
括号变颜色
VSCode常用快捷键
1. 快速复制一行
快捷键: shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v
2. 选定多个相同的单词
快捷键: ctrl + d
3. 添加多个光标
快捷键: Ctrl + Alt + 上箭头(下箭头)
4. 全局替换某写单词
快捷键: ctrl + h 注意选择全部替换即可
5. 快速定位到某一行
快捷键: ctrl + g
6. 选择某个区块
快捷键: 按住shift + alt 然后拖动鼠标
7. 放大缩小整个编辑器界面
快捷键: ctrl + + / - ctrl + 加号或者减号
8. 打开命令行
快捷键: ctrl + ~
9. 全局搜索代码
快捷键: ctrl + f
10.全局搜索文件
快捷键: ctrl + p
11. 自定义快捷键
比如js 的多行注释是 shift + alt + a ,我们想修改为 ctrl + shfit + /
设置方法: 管理按钮 --- 键盘快捷方式 --- 输入 shift + alt + a 找到这个快捷键 ----- 点击编辑按钮 ---- 直接按下 ctrl + shift + / ---- 最后按下回车 修改完毕。