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


相关推荐
Eason_Lou2 小时前
webstorm开发vue项目快捷跳转到vue文件
ide·vue.js·webstorm
猫头虎11 小时前
Claude Code 永动机:ralph-loop 无限循环迭代插件详解(安装 / 原理 / 最佳实践 / 避坑)
ide·人工智能·langchain·开源·编辑器·aigc·编程技术
我命由我1234511 小时前
Android Studio - Android Studio 去除 import 的未使用的类
android·java·ide·学习·java-ee·android studio·学习方法
另寻沧海13 小时前
VS Code 内置变量与配置文件完全指南
c++·vscode
爱吃汽的小橘13 小时前
ZYNQ入门指南:ARM+FPGA开发全解析
编辑器
环黄金线HHJX.13 小时前
《QuantumTuan ⇆ QT:Qt》
人工智能·qt·算法·编辑器·量子计算
hi0_613 小时前
vibe coding 开发软件(一) 模型选择和agent简单使用
ide·个人开发·visual studio
LingRannn13 小时前
【vim 中如何替换】
编辑器·vim·excel
山峰哥13 小时前
3000字深度解析:SQL调优如何让数据库查询效率提升10倍
java·服务器·数据库·sql·性能优化·编辑器
惊讶的猫14 小时前
vscode+conda
ide·vscode·conda