前端开发工具vscode常用插件和常用快捷键

vscode中必备插件

1.为了可以快速通过vscode预览写的页面【快捷键alt+b快速网页预览】
Open in Browser
2.汉化插件
Chinese (Simplified) Language 
3.美化文件夹、主题 装逼必备
vscode-icons
Material Icon Theme
4.标签和括号
Auto Close Tag
Auto Rename Tag
Bracket Pair Colorizer
5.跳转定义必备
CSS Peek
vscode-elm-jump
Vue CSS Peek
vue-helper
6.格式化代码 推荐第一个,但是第二个我也装了
ESLint extension
Prettier - Code formatter
7.html css js  对于css/sass/scss/less看自己需求装,我这只装了esay less
HTML CSS Support
JavaScript (ES6) code snippets
8.git代码管理
GitLens
Git History
9.vue
Vetur

vscode 常用快捷键 注意是常用

如果和自己习惯不一致可以进行自己更改。

ctrl系列
ctrl+,             打开配置页面
ctrl+`             1旁边的那个键,快速打开控制台
ctrl+↑ / ↓         滚动页面
ctrl+/             快速注释
ctrl+|             分屏
ctrl+w             关闭页签。
ctrl+x             剪切,删行
ctrl+d             跳转到下一个这个变量
ctrl+f             查找
ctrl+p             根据文件名称搜索跳转
ctrl+b             关闭打开侧边栏
ctrl+tab          打开上一个
ctrl+f2           批量选择

alt系列
alt+b              打开浏览器
alt+鼠标左键         批量操作
alt+↓ / ↑          上下移动某行
alt+← / →           回到上一个编辑的地方/下一编辑

混合系列
ctrl+shift+[       折叠 ]就是打开折叠
Shift+Alt + ↓ / ↑  复制某一行
ctrl+shift+f       搜索内容,搜索框左边小箭头打开就可以替换
ctrl+shift+p       控制面板

自定义快捷键
ctrl+m 选中快捷键 搜索Expand Bracket Selection 然后将他定义为快捷键

mac版本

command+ -  回到上
command+,             打开配置页面
command+`             1旁边的那个键,快速打开控制台
command+/             快速注释
command+w             关闭页签。
command+x             剪切,删行
command+d             跳转到下一个这个变量
command+f             查找
command+p             根据文件名称搜索跳转
command+b             关闭打开侧边栏
command+f2           批量全部选择

option
option+← →          整个单词跳过
option+↓ / ↑          上下移动某行
option+鼠标左键         批量操作
option+b   	         打开浏览器

组合
command+shift+n   新开一个窗口,用于打开新项目
command+shift+p      控制面板
command+option+ [ / ]   折叠/打开折叠
ctrl+command+← →   快速分屏显示
shift+option+↓ / ↑   向下或者向上复制


自定义快捷键
command+m 选中快捷键 搜索Expand Bracket Selection 然后将他定义为快捷键

你可能感兴趣的:(开发工具,前端)