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


相关推荐
hele_two7 小时前
VS Code + CMake 调用 SDL2 & SDL2_image 完整编译教程(Windows 平台)
c++·windows·vscode·图形渲染
secondyoung10 小时前
Markdown数学公式语法速查手册
算法·编辑器·markdown·latex
wjhx11 小时前
关于xcode中使用图标
ide·macos·xcode
web行路人11 小时前
Claude code在Vscode编辑器中使用整理
编辑器
漫随流水14 小时前
创建一个IDEA的Java项目
java·ide·intellij-idea
bigcarp15 小时前
IDE中AI辅助编程时禁止AI读取指定的文件或文件夹
vscode
且去填词16 小时前
VSCode 中使用 Codex:命令、Agent 与 Skills 完整指南
ide·人工智能·vscode·编辑器·codex
PersistJiao17 小时前
开发环境对比:VS Code、Cursor、IntelliJ IDEA
java·ide·intellij-idea
weixin_4520776418 小时前
VS code 使用STM32CubelDE for Visual Studio Code环境,如何配置CMakeLists.txt新增其他.C文件路径
c语言·vscode·stm32
渣渣灰958718 小时前
VSCode开发环境开发Qt程序
ide·vscode·qt