Vscode常用插件和快捷键

368 阅读2分钟

实用扩展

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

实时编译lesscss

11.Sass

sass/scss文件必装的插件

12.Live Sass Compiler

实时编译sass/scsscss

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  +  /     ---- 最后按下回车 修改完毕。