vscode最佳实践
所属分类:HtmlCssJs | 浏览:55 | 发布于 2025-09-13
说的最佳实践,实际上就是个人使用记录而已。
1、主题
2、插件
2.1、Open Browser Preview
快速打开默认浏览器预览页面。
2.2、Tailwind CSS IntelliSense
tailWindCss官方插件,提高自动补齐,语法检查和代码高亮等功能。
2.3、Project Manager
一款支持快速在多个项目中切换的插件。
3、杂项
3.1、字体
推荐使用JetBrains Mono。官网直达:https://www.jetbrains.com/lp/mono/
3.2、格式化快捷键
Windows/Linux:Shift + Alt + F
macOS:Shift + Option + F
3.3、代码缩进
打开设置面板,找到【Tab Size】选项并设置为4。
如果在【Tab Size】设置为4后,Tab缩进任然保持为2个空格,这可能是因为项目原先采用的缩进是2个空格。此时,需要在【Text Editor】选项中取消勾选【Detect Indentation】,以统一采用4格缩进。
3.4、项目多开
方式一:在菜单栏选择【文件】-> 【新建窗口】
方式二:使用快捷键来打开一个新窗口
Windows/Linux:Ctrl + Shift + N
macOS:Cmd + Shift + N