Vue 插件推荐

本文介绍了一系列提升VSCode开发效率的插件,包括主题美化、代码编辑辅助、前端及Vue开发支持等,如AtomOneDarkTheme、BracketPairColorizer2、Vue代码提示等,覆盖代码标记、运行、格式化及调试等多个方面。

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

主题插件


  1. Atom One Dark Theme
    好看的主题
    1.png
  2. Atom One Light Theme
    护眼主题
    image.png

通用插件


  1. Bookmarks
    代码标记,方便查找
    指令:shift + cmd + k

4.png

  1. Bracket Pair Colorizer 2
    相邻括号颜色不同,方便查找代码作用域范围,可以与任何主题使用

5.png

  1. Code Runner
    代码运行,支持大部分语言
    6.png
  2. Code Spell Checker
    单词拼写提醒,错误单词纠正

7.png

  1. Debugger for Chrome
    调试必备
    8.png
  2. Git History
    git提交历史,对比

10.png

  1. Live server
    实时预览html

11.png

  1. Path Intellisense
    路径提示

12.png

  1. Prettier - Code formatter
    代码格式化13.png
  2. Settings Sync
    可以将vscode配置,传到自己的github中,更换电脑可以一键更新配置

14.png

  1. vscode-icons
    文件夹图标

15.png

  1. Color Highlight
    代码中颜色高亮

image.png

前端插件


  1. Auto Close Tag
    自动HTML关闭标签
    2.png
  2. Auto Rename Tag
    更新HTML标签名字
    3.png
  3. ESLint

9.png

  1. cssrem

将 px 快捷转成 rem 的插件
image.png

Vue插件


  1. Vetur

Vue 代码提示
image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值