vscode使用教程

快捷键

ctrl + shift + p ⇒ 调出设置框

安装语言插件

安装好之后 会变成灰色

修改主题Theme

配置前端 js css html vue等

推荐视频地址
学废了,VS Code 网页前端开发的配置与插件

ps: 直接输入 ! tab就可以生成html 模板

使用右箭头嵌套也可以生成

配置同步修改标签功能

勾选Linked Editing

添加中文插件
安装前端使用浏览器调试插件
安装前端代码格式化插件

也可以用快捷键 alt+shift+F 格式化代码

将这里的默认工具选成prettier

勾选Format On Save ⇒ 保存的时候会自动格式化代码

ps:多人开发的大型项目最好把代码格式化关了

安装自动定位css样式插件
安装代码快速插入
添加括号颜色变化插件

最新版本已经这个插件内置进了VScode中

在回调地狱里可以看清当前的代码是在哪个代码块内

vue插件

vue2版本目前最好用的插件 vetur


相关推荐
m0_5557629023 分钟前
VSCODE CLAUDE CODE
ide·vscode·编辑器
esmap5 小时前
ESMAP 智慧消防解决方案:以数字孪生技术构建全域感知消防体系,赋能消防安全管理智能化升级
人工智能·物联网·3d·编辑器·智慧城市
悟能不能悟5 小时前
如何打开2个notepad++
ide
大明者省6 小时前
激活函数选型速查表(核心规则)
编辑器
wVelpro7 小时前
如何在Pycharm 2025.3 版本实现虚拟环境“Make available to all projects”
linux·ide·pycharm
GitHubDaily7 小时前
Windows 欠了 30 年的那个原生编辑器,终于回来了。
编辑器
蓝丶曦月9 小时前
MacM系列芯片安装 最新版本Notepad--(平替Windows系统的Notepad++)详细教程
编辑器·notepad++·mac
jun_bai9 小时前
VSCode使用
ide·vscode·编辑器
猫头虎11 小时前
OpenClaw-VSCode:在 VS Code 里玩转 OpenClaw,远程管理+SSH 双剑合璧
ide·vscode·开源·ssh·github·aigc·ai编程
手揽回忆怎么睡13 小时前
opencode和TRAE使用Superpowers 和ui-ux-pro-max skillls
ide·ui·ai·ux