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
暂无评论内容