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


相关推荐
淡漠的蓝精灵28 分钟前
【2025】Sublime Text 4安装教程保姆级一键安装教程(附安装包)
其他·编辑器·sublime text
Percep_gan29 分钟前
idea的使用小技巧,个人向
java·ide·intellij-idea
tan180°9 小时前
MySQL表的操作(3)
linux·数据库·c++·vscode·后端·mysql
万千思绪13 小时前
【PyCharm 2025.1.2配置debug】
ide·python·pycharm
我在看世界15 小时前
家里vscode连公司内网vscede
vscode·ssh
不想迷路的小男孩17 小时前
Android Studio 中Palette跟Component Tree面板消失怎么恢复正常
android·ide·android studio
AlickLbc18 小时前
在phpstudy环境下配置搭建XDEBUG配合PHPSTORM的调试环境
ide·phpstorm
悠悠小茉莉18 小时前
Win11 安装 Visual Studio(保姆教程 - 更新至2025.07)
c++·ide·vscode·python·visualstudio·visual studio
SZ17011023119 小时前
华为云 银河麒麟 vscode远程连接
ide·vscode·华为云
yanjiee19 小时前
需要scl来指定编译器的clangd+cmake在vscode/cursor开发环境下的配置
ide·vscode·编辑器