VScode快捷键操作及插件推荐

VScode日常使用中的一些操作技巧及快捷键操作。

一、快捷键

快捷键 功能
1、 html:5 + 回车键(tab) doc 快速生成框架
2、 Ctrl+/ 注释
3、 Ctrl+Shift+P show logs 查看日志
4、 shift + alt +f 代码格式化
5、 ctrl + shift + h 全局替换
6、 ctrl + h 当前文件替换
7、 CTRL + L 选择整行
8、 CTRL + SHIFT + K 删除整行
9、 ALT + UP/DOWN 移动选中的行
10、 SHIFT + ALT + UP/DOWN 复制整行
11、 CTRL + D 批量更改变量(多按几次)
12、 CTRL+ENTER 光标在任意位置换行
13、 CTRL + LEFT/RIGHT 光标跳到下一个单词
14、 Alt + F12 既能预览又能在预览时直接编辑样式,也能跳转到相应文件处。

二、扩展

1、中文语言包

扩展里直接搜索“chinese”,可以选择简体或繁体中文!
比如:Chinese (Simplified) (简体中文) Language Pack for Visual。
安装后重启生效。

2、JS & CSS Minifier (Minify)

如果需要JS或CSS压缩的话,就要用到这个扩展了。
使用:按F1或Fn+F1,或Ctrl+Shift+P然后输入mini后,选择Minify:Document即可。

3、Easy Sass

保存会自动创建两个.css文件,一个压缩了,一个没有压缩。
还可以在最后将scss统一转化为css,右键—》命令面板—》运行compile指令可以将scss文件统一转化成css文件

4、Code Runner 代码运行器

最喜欢的插件,没有之三,平时写一些测试代码,和一些逻辑库,快捷键 Ctrl+Alt+M, 喝口水,看一下结果,悠哉。
一键运行多种语言运行代码片段或代码文件: c,c + + ,Java,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT/CMD,BASH/SH,f # Script,f # (。NET 核心) ,c # 脚本,多到你想不到。

5、Tabnine AI 代码完成插件

Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
这是一款人工智能代码完成工具,能够以更快的速度完成代码,并且错误更少, 其支持多种语言,还具备记忆功能,真的强大。

6、Image Preview 图片预览

CSS编写,再也担心写错图片地址啦!
其支持在html和css文件里面,当有使用图片路径的时候,在左边实现小的预览器,一眼就知对与错。

7、vscode-icons 文件图标

让 vscode 资源树目录加上图标,赏心悦目!

© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞6赞赏 分享
评论 抢沙发
头像
非注册用户需审核通过后才能查看。友好交流,勿发纯表情,勿恶意灌水!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容