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


相关推荐
承渊政道几秒前
Linux系统学习【Linux基础开发工具】
linux·运维·笔记·学习·centos·编辑器
you-_ling3 分钟前
IO编程相关知识
c语言·vscode
学嵌入式的小杨同学9 小时前
【Linux 封神之路】信号编程全解析:从信号基础到 MP3 播放器实战(含核心 API 与避坑指南)
java·linux·c语言·开发语言·vscode·vim·ux
寻梦csdn12 小时前
pycharm+miniconda兼容问题
ide·python·pycharm·conda
徐小夕@趣谈前端15 小时前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
电饭叔16 小时前
Jupyter学习中的问题--FileNotFoundError
ide·学习·jupyter
noBt17 小时前
Windows IDEA 卡顿严重
java·ide·intellij-idea
小疙瘩21 小时前
去掉 IDEA 中 mybatis配置文件的局部背景颜色(图解)
java·ide·intellij-idea
zhanglianzhao21 小时前
Win 11 WSL 配置Claude code 并在VsCode中使用
ide·vscode·编辑器·claude·cladue code
Keying,,,,21 小时前
VScode中终端闪退问题
ide·vscode·编辑器