首页 > 编程语言 >使用pnpm来管理vue项目的node_modules

使用pnpm来管理vue项目的node_modules

时间:2024-01-19 19:23:37浏览次数:29  
标签:node npm vue 项目 modules pnpm

要使用pnpm,先确保nodejs版本在16以上(目前用的18.16.1)

(确保本地已经全局安装了pnpm 如果没有安装 就使用npm i -g pnpm来全局安装)

一.老项目从npm迁移到pnpm

    先删掉项目中的node_modules文件夹和package-lock.json文件

    在终端运行pnpm i  安装成功后根目录下会多一个pnpm-lock.yaml文件(和node_modules)

    然后就可以通过pnpm run dev来运行项目 其他操作跟npm基本一致

 

二.新建由pnpm管理的vue项目

   pnpm create vite@latest  然后数据项目名称

标签:node,npm,vue,项目,modules,pnpm
From: https://www.cnblogs.com/reround/p/17975425

相关文章

  • vue选择性显示表格列
    实现结果:打印的时候想要选择打印哪些列,可以添加一个选择列功能,选择的列就展示,不选择的不展示实现过程只需要在列上加个显示标识属性show,为true表示显示,为false表示不显示表格组件绑定列时过滤出show为true的同时循环表格列,绑定到多选框上,这样多选框不勾选列时,表格中该列就......
  • vue3 之 问题总结(一)
    Vue3官网:https://cn.vuejs.org/guide/introduction.html一、为什么要使用ref?使用ref来创建响应式数据,当你在模板中使用了一个ref,然后改变了这个ref的值时,Vue会自动检测到这个变化,并且相应地更新DOM。在标准的JavaScript中,检测普通变量的访问或修改是行......
  • Vue - 组件通信(父子单向传递、父子相互传递、祖孙隔代传递)
    父组件向子组件单向传递父组件:引入子组件后,通过属性绑定的形式,将值传入子组件;``子组件:子组件通过props接收父组件传入的值;`{{sonGetParam}}`子组件向父组件单向传递父组件:引入子组件后,自定义一个用来处理自定义事件的方法,接收子组件传递的值;``子......
  • vue validator 扩展
    ElementUIForm1.问题:有个表单里面是表格,可以提交多行数据,每一行都有计划数ItemCount需要校验,校验标准是与同一行的另一个输入框Inventory的值比较,如果ItemCount>Inventory就要有tip提示,不能用弹出框参考官网的例子密码的二次验证,但我这里又不同,我是有多行验证的,我需要传参......
  • ChartGPT以流返回结果node怎么实现
    ChartGPT以流返回结果node怎么实现1.ChartGPT以流返回结果node怎么实现?2.我们前端应该怎么处理接收返回结果?3.怎样实现打字机式将结果回显在我们页面上?❓:1.ChartGPT以流返回结果node怎么实现?......
  • “cluster nodes”命令
    rediscluster集群部署后,可以通过redis-cli的 clusternodes 命令查看集群的节点信息。输出的每行,都代表一个节点,下面我们讲解下这些信息的含义,为了更直观些,我们将这些信息放入表格里:idip:portflagsmasterping-sentpong-recvconfig-epochconfig-epochslot46dc4de0......
  • 解决npm run start 和 node.js src/main.js 引用资源文件路径不一致问题
    解决npmrunstart和node.jssrc/main.js引用资源文件路径不一致问题问题描述写了一个node.js连接sqlite3数据库的项目,因为数据库sqlite3.db文件相对于根目录和src/main.js路径不一致,打包时总有一种方法失败分析原因数据库sqlite3.db文件是相对控制台运行命令的相对路径npmrun......
  • 第32节: Vue3 方法处理程序
    在UniApp中使用Vue3框架时,你可以使用方法处理程序来定义在模板中调用的自定义函数。下面是一个示例,演示了如何在UniApp中使用Vue3框架使用方法处理程序:<template><view><button@click="handleClick">Clickme</button><p>{{message}}</p></view><......
  • 第31节: Vue3 内联处理程序
    在UniApp中使用Vue3框架时,你可以使用内联处理程序来直接在模板中编写JavaScript代码。下面是一个示例,演示了如何在UniApp中使用Vue3框架使用内联处理程序:<template><view><button@click="handleClick">Clickme</button><p>{{message}}</p></view>......
  • 第30节: Vue3 监听事件
    在UniApp中使用Vue3框架时,你可以使用监听事件来响应用户的操作。下面是一个示例,演示了如何在UniApp中使用Vue3框架使用监听事件:<template><view><button@click="handleClick">Clickme</button></view></template><scriptsetup>import{......