VS Code基本插件安装及使用整理

本文介绍如何通过安装特定插件提升VSCode的HTML开发效率,包括使用快捷键、自动保存、智能感知等功能,以及推荐的插件如Vetur、AutoRenameTag等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 安装浏览器插件,用于访问html页面,在 扩展栏 的搜索框中输入 open in browser
    使用 Alt + B 使用默认浏览器打开当前 html 页面,或 Shift + Alt + B 选择其他浏览器
  2. 安装Vue插件,安装后有快捷提示
  3. Vetur–语法高亮、智能感知、Emmet等
  4. Auto Rename Tag–自动完成另一侧标签的同步修改
  5. Path Intellisense–自动路径补全
  6. HTML CSS Support–让html标签上写class智能提示当前项目所支持的样式,安装后有快捷提示
  7. 开启自动保存文件,File选项勾选Auto Save

官方快捷键:https://code.visualstudio.com/docs/getstarted/keybindings
快捷键pdf文档:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
VS Code 使用手册:https://code.visualstudio.com/docs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值