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


相关推荐
Hyvial14 分钟前
VsCode 使用指南(配置 + 美化)
vscode
星火飞码iFlyCode1 小时前
真实案例 | 如何用iFlyCode开发Webpack插件?
java·python·编辑器
坠金2 小时前
不同ide回到上一个文件快捷键
ide
十秒耿直拆包选手2 小时前
IDE:vscode的vue3模板
javascript·ide·vscode
Wallace Zhang2 小时前
STM32 - Embedded IDE - GCC - 解决LWRB库在GCC编译器会编译失败,在ARMCC编译器时却正常编译
ide·stm32·嵌入式硬件
东方不败耶耶耶2 小时前
Notepad++插件开发实战指南
编辑器
QL.ql14 小时前
vscode的wsl环境,ESP32驱动0.96寸oled屏幕
ide·vscode·编辑器
六月闻君20 小时前
Jupyter 使用特定的虚拟环境配置
ide·python·jupyter