怀念夏天 发表于 2024-6-13 17:22:25

vscode利用技巧


[*] vscode常见插件安装

[*]Chinese 中文(简体)语言包
[*]Material Icon —— vscode-icons 显示代码图标
[*]open in brower —— 通过编辑器直接打开默认欣赏器
[*]Live Server —— 开启本地服务器
[*]Auto Rename Tag —— 自动修改标签对名称
[*]prettier —— 格式化代码

[*] 相关设置

[*] 字体设置
https://img-blog.csdnimg.cn/direct/0f07e94553a541fb867ea46d2cfe4584.png
[*] 光标设置,平滑插入动画
https://img-blog.csdnimg.cn/direct/51059ae42c4346f58aa2a73813d90d28.png
[*] 关闭代码缩略图
https://img-blog.csdnimg.cn/direct/7c241e75b2014fda90d7c675c5011827.png
[*] ctrl + 鼠标滚轮缩放字体巨细
https://img-blog.csdnimg.cn/direct/bf57547f3ac347c28e3e81f0c7bc2dcc.png

[*] vscode快捷键

[*]解释:

[*]单行解释:ctrl + k ctrl + c 或 ctrl + /
[*]取消单行解释:ctrl + k ctrl + u(按下 ctrl 不放,再按 k+u)
[*]多行解释:alt + shift + A
[*]多行解释 : /**/

[*]移动行:alt + up/down
[*]显示/隐藏左侧目次栏 ctrl + b
[*]复制当前行:shift + alt + up/down
[*]删除当前行:shift + ctrl + k
[*]控制台终端显示与隐藏:ctrl + ~
[*]查找文件/安装 vscode 插件地点:ctrl + p
[*]代码格式化:shift + alt + f
[*]新建一个窗口:ctrl + shift + n
[*]多行编辑:Ctrl + Alt + up/down

[*] emmet语法
https://img-blog.csdnimg.cn/direct/eaaad309007c426298c36f89048c7e3c.png
[*] 原文: https://www.arryblog.com/guide/vscode.html#vscode-%E5%B8%B8%E8%A7%81%E6%8F%92%E4%BB%B6%E5%AE%89%E8%A3%85

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: vscode利用技巧