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


相关推荐
C+-C资深大佬2 分钟前
在PyCharm中创建虚拟环境的具体步骤是什么?
ide·python·pycharm
guslegend3 小时前
第2节:AI编辑器底层技术全景导览
人工智能·编辑器
小铁-Android4 小时前
Visual Studio Code创建Flutter项目时包名组织名更改
vscode·flutter
Sss_Ass4 小时前
CodeBuddy IDE(腾讯云代码助手)介绍及下载安装
ide·云计算·腾讯云
花伤情犹在6 小时前
2026 AI Agent 工具全景:执行层、编排层与 IDE 层的分工与选型
ide·人工智能
小宋10216 小时前
Mina Meeting Assistant 新手极速上手指南
ide·macos·ai·xcode·mina
jack@london7 小时前
eclipse启动tomcat6时报错OutOfMemoryError: PermGen space
java·ide·eclipse
超梦dasgg7 小时前
IDEA(IntelliJ IDEA)超详细基础使用教程
java·ide·intellij-idea
2501_915106328 小时前
iOS开发工具有哪些?iOS 开发每个阶段的实用工具
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
OliverH-yishuihan8 小时前
【保姆级教程】Win11 下从零部署 Claude Code:本地环境配置 + VSCode 可视化界面全流程指南
ide·vscode·编辑器