分享几个个人觉得好用的Vscode插件以及快捷键

前端开发所用到的vscode的插件和快捷键:

一 插件
1、Chinese //中文包
2、emmet //实现快捷键 快速搭建一个网页布局
3、JavaScript(ES6) // JavaScript 自动补全功能
4、Element UI Snippets //自动补全elementUI 快捷方式 tab
5、debug for chorm //Chrome 做调试用的
6、view in browser //实现热更新
7、chart js //图文式 表格 不常用
8、barket Pira Colorizer //括号颜色不一样 易于调试
9、Bable Es6/7 // 语法转换
10、Animate.css //动态css效果集合
11、vs color picker //调色板
12、 Path Autocomplete 文件路径提示
13、 image preview //图片路径提示 还有预览功能
14、Quokka // 能够根据你正在编写的代码提供实时反馈
15、Faker //提供假数据 能够帮你快速的插入用例数

二、vscode 的常用快捷键
1.代码行缩进 Ctrl+[ 、 Ctrl+]
2.文件之间切换 Ctrl+Tab光标
3.Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容
4.代码格式化: Shift+Alt+F //本人更喜欢Ctrl +a 全选之后 使用Shift+Alt+F
5.上下移动一行: Alt+Up 或 Alt+Down
6.向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down
7.在当前行下边插入一行 Ctrl+Enter
8.在当前行上方插入一行 Ctrl+Shift+Enter

关于光标
1.找到所有的引用: Shift+F12
2.同时选中所有匹配: Ctrl+Shift+L
3.多选编辑 : 按住alt+鼠标左键点击选择
4.查找替换 Ctrl+H
5.查找 Ctrl+F

有些现在还用不上 请选择使用!
当然网上有很多,这些只是我常用的.

未完待续…

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值