自用VS Code插件推荐(适用vue及原生js开发者)

本文介绍了多个提升VSCode开发效率的插件,包括ES6代码片段、Vue、Axios、Quokka.js实时运行代码、Git增强功能、项目管理、代码格式化、路径智能补全、代码截图等,覆盖前端开发、代码管理和日常编程需求。

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

JavaScript(ES6) code snippets

ES6代码片段
JavaScript(ES6) code snippets

any-rule

正则代码片段

  1. 安装完毕后按F1(或者ctrl+shift+p).
  2. 输入"zz"可以看到正则列表.
  3. 或者输入关键词, 比如"手机".
    any-rule

Vue VSCode Snippets

vue2.x代码片段
vue vscode snippets.gif

Vue 2 Snippets

Vue2.x代码片段
image.png

Axios Snippets

挺好用的axios代码片段
Axios Snippets

vetur

vue代码高亮

Node exec

使用node执行当前文件或者选中的代码

Quokka.js

Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台,它会实时运行你输入后的代码,并在编辑器中显示各种执行结果

括号配对着色(Bracket Pair Colorizer) 和 彩虹缩进(Indent Rainbow)

image.png

Import Cost

该扩展允许您查看导入模块的大小,它对 Webpack 中的 bundlers 有很大帮助,你可以查看是导入整个库还是只导入特定的实用程序。
 Import Cost

GitLens

增强了 Visual Studio Code 中内置的 Git 功能,它包含了许多强大的功能,例如通过跟踪代码显示的代码作者,提交搜索,历史记录和GitLens资源管理器
image.png

Git Emoji Commit

git提交代码时加入 emoji 表情
 Git Emoji Commit

Git History

好看的用于查看git history的图形界面
image.png
(无视错别字)

Project Manager

项目管理器
image.png

Live Server

一个具有静态和动态页面的实时重新加载功能的本地开发服务器。

Prettier - Code formatter

代码格式化拓展

Path Intellisense

自动填充文件路径

polacode

代码截图
使用方式:F1或者CTRL+shift+p 输入polacode 选择代码
polacode

WakaTime

记录和存储有关编程活动的指标和分析(需要去官网注册账号)
wakatime

One Dark Pro

我最喜欢的vscode主题
image.png

vscode-icons

好看的vscode图标
 vscode-icons

px2rem

自动将px转换为rem
px2rem.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值