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


相关推荐
且白15 分钟前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器
维克喇叭19 分钟前
vscode 离线安装第三方库跳转库
ide·vscode·编辑器
alpszero2 小时前
在VSCode中使用Ultralytics扩展
vscode·yolo11
cnkeysky4 小时前
vscode 配置 latex
vscode·latex
2401_858286118 小时前
OS11.【Linux】vim文本编辑器
linux·运维·服务器·编辑器·vim
love530love9 小时前
【PyCharm必会基础】正确移除解释器及虚拟环境(以 Poetry 为例 )
开发语言·ide·windows·笔记·python·pycharm
梦星辰.10 小时前
VSCode CUDA C++进行Linux远程开发
linux·c++·vscode
*Lisen12 小时前
重新安装解决mac vscode点击不能跳转问题
ide·vscode·macos
小男孩tom13 小时前
vscode
ide·vscode·编辑器
Morpheon21 小时前
Cursor 1.0 版本 GitHub MCP 全面指南:从安装到工作流增强
ide·github·cursor·mcp