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

47次阅读

共计 1253 个字符,预计需要花费 4 分钟才能阅读完成。

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 而后将他定义为快捷键 

正文完
 0