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


相关推荐
golang学习记1 小时前
IDEA 2026.1官宣:AI 建议免费了!
java·ide·intellij-idea
xiaoliuliu123452 小时前
HBuilderX 4.2 前端开发工具安装教程:详细步骤+自定义安装路径
编辑器·sublime text
陆业聪4 小时前
Windsurf 深度拆解:Codeium 如何用「Flow」重新定义 AI 编程体验
ide·人工智能·ai编程
_长银5 小时前
Sublime Text保持只打开一个
编辑器·sublime text
螺丝钉code10 小时前
迁移到 Openrouter 后 Claude Code Vscode 插件出现了一些奇怪的问题
ide·vscode·编辑器
淼淼爱喝水11 小时前
Visual Studio2026安装教程(最详细)
ide·visual studio
Dontla1 天前
VScode插件SQLite Viewer介绍(允许开发者不离开编辑器,直接打开、浏览和查询SQLite数据库文件)(ChromaDB、向量库插件、数据库插件、.sqlite3)DBeaver
数据库·vscode
Robot_Nav1 天前
VSCode 调试 ROS1/ROS2 等项目完整指南
vscode·机器人·ros
liuxin_07251 天前
phpstorm 操作git 分支合并到master
ide·git·phpstorm
薛定猫AI1 天前
【一键配置】优雅使用Claude Code:从安装到上手的完整教程
人工智能·arcgis·编辑器·vim