VS Code开发插件使用 pnpm 打包异常的解决姿势

这篇具有很好参考价值的文章主要介绍了VS Code开发插件使用 pnpm 打包异常的解决姿势。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

刚刚准备发一个插件,发现用 pnpm 打出一个本地插件包直接扑街了。

这里只聚焦错误问题的解决,不是发插件的教程。。

聊点背景信息,vscode 的插件命令行的是 vsce 这个模块提供的 cli 能力去做的

环境

  • pnpm : 8.x

错误截图

  • 本地打包的命令: vsce package <version> -m "message"
  • vsce package --help 可以看到目前只支持 yarn 这个第三方,要不就是默认的 npm

VS Code开发插件使用 pnpm 打包异常的解决姿势,vscode,macos,前端

官方仓库的相关 issue 讨论:https://github.com/microsoft/vscode-vsce/issues/421

修正姿势

在 package.json 的 scripts 字段写成命令去执行,就可以绕过默认采用 npm 执行导致依赖查询异常

  "scripts": {
    "vscode:prepublish": "pnpm run compile",
    "compile": "tsc -p ./",
    "watch": "tsc -watch -p ./",
    "pretest": "pnpm run compile && pnpm run lint",
    "lint": "eslint src --ext ts",
    "test": "vscode-test",
    "package": "pnpm vsce package --no-dependencies",
    "publish": "pnpm vsce publish --no-dependencies"
  },

这个法子也是 issue 里面好心人给的法子: https://github.com/microsoft/vscode-vsce/issues/421#issuecomment-1038911725

修正效果图

VS Code开发插件使用 pnpm 打包异常的解决姿势,vscode,macos,前端

这样就可以打出本地的扩展,可以先自己安装试试有没有问题,然后再 publish 到商店

温馨提示

npm package : vsce

  • 这个包已经给官方标记废弃了,推荐使用 https://www.npmjs.com/package/@vscode/vsce

插件作品

git-branch-warn

  • https://marketplace.visualstudio.com/items?itemName=crper.git-branch-warn

这个插件主要用来提示当前所在的分支是否为敏感分支,提供了一些配置,具体可以看 README。

因为过往的经历告诉我,真的有不少人会莫名其妙的把部分增量改动在敏感分支提交,导致代码需要各种回退。。

有个警示语,应该有那么一些作用!!!(≧ω≦)

结语

有不对之处请留言,谢谢阅读文章来源地址https://www.toymoban.com/news/detail-846668.html

到了这里,关于VS Code开发插件使用 pnpm 打包异常的解决姿势的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【VS Code插件开发】自定义指令实现 git 命令 (九)

    🐱 个人主页: 不叫猫先生 ,公众号: 前端舵手 🙋‍♂️ 作者简介:前端领域优质作者、阿里云专家博主,共同学习共同进步,一起加油呀! ✨优质专栏:VS Code插件开发极速入门 📢 资料领取:前端进阶资料可以找我免费领取 我们通常会通过小乌龟、SourceTree、终端等实

    2024年03月14日
    浏览(67)
  • 解决VS Code安装远程服务器插件慢的问题

    最近想在服务器上做juypter notebook的代码运行,发现要给服务器安装Jupyter插件,但是安装速度奇慢无比(因为服务器不连外网),一开始查看从VS Code插件市场下载插件的博客,但是感觉还是比较麻烦。 假如单位的网络可以高速访问外网的话,给出更加便捷的做法如下: 打开

    2024年02月07日
    浏览(52)
  • [如何在VS code中使用mysql](使用sqltools插件)

    目录 使用sqltools插件在VS code中使用mysql 前置必备  在vs code中下载插件 一个是SQLTools 一个是SQLTools的扩展SQLTools MySQL/MariaDB 连接本地数据库 点击增加新的连接(add new connection) 右边选择mysql 创建连接  填写连接名(connection name) 连接的数据库名(查看自己的数据库名,初始的话可以直

    2023年04月08日
    浏览(94)
  • VS Code里使用Debugger for Unity插件调试的方法(2023最新版)

    换了台开发机,重新安装了下开发环境。突然发现visual studio code无法用来调试unity了。 明明流程都是按照unity官方教程2023.1进行的,可在创建launch.json文件时,死活出不来unity debugger选项。 说明:debugger for unity是一个非正式支持的,官方推荐的,应用最广的,visual studio code上的

    2024年02月11日
    浏览(55)
  • 【uniapp】使用Vs Code开发uniapp:

    一、使用命令行创建uniapp项目: 二、安装插件与配置: 三、编译和运行: 该项目下的dist=》dev=》mp-weixin文件导入微信开发者工具 四、修改pinia: 【官方文档】https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html#storage

    2024年02月13日
    浏览(55)
  • 解决Vs Code工具开发时 保存React文件时出现乱码情况

     Vs Code工具开发时 保存React文件时出现乱码情况    插件库搜索:JS-CSS-HTML Formatter 把这个插件禁用或者卸载就解决保存时出现乱码的问题了;   如果没有解决,再看下面方案! 出现乱码问题通常是因为文件的编码格式不正确。您可以尝试以下解决方法: 确认文件编码格式:在

    2024年02月14日
    浏览(56)
  • VS Code好用的插件

    VS Code是一个免费且开源的跨平台文本编辑器,由Microsoft开发和维护。它的主要优点和缺点如下: 优点: 跨平台支持:VS Code支持Windows、Linux和Mac OS等多个操作系统,使得它成为一个非常方便的跨平台文本编辑器。 功能强大:VS Code支持代码补全、语法高亮、代码片段、调试器

    2023年04月09日
    浏览(43)
  • 解决VS Code中ESLint无法使用的问题

    在使用VS Code进行JavaScript开发时,ESLint是一个非常有用的工具,可以帮助我们保持代码质量和一致性。然而,有时候我们可能会遇到ESLint无法正常工作的情况。下面我将提供一些解决方法,帮助您解决这个问题。 确保ESLint已经安装 首先,您需要确保您的项目中已经安装了ES

    2024年02月03日
    浏览(53)
  • VS code更改插件安装位置

    VS code插件位置默认安装在C盘用户目录下,随着安装插件的数量增加,占用用C盘内存较大,我选择将插件移动到D盘。我之前使用过利用mklink来创建目录符号链接这种方式,但没有成功,于是就放弃了。我的步骤分两步: (极力推荐第3种方式) 将用户目录下的插件剪切到D盘

    2024年02月01日
    浏览(50)
  • 如何使用安卓平板远程Ubuntu服务器通过VS Code远程开发

    正文开始前给大家推荐个网站,前些天发现了一个巨牛的 人工智能 学习网站, 通俗易懂,风趣幽默 ,忍不住分享一下给大家。 点击跳转到网站。 准备一台虚拟机,Ubuntu或者centos都可以,这里以VMwhere ubuntu系统为例 下载code server服务,浏览器访问:https://github.com/coder/code-server,复

    2024年02月21日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包