npm install vite -D //局部安装 vite -v vite/4.0.4 win32-x64 node-v16.14.0 搭建第一个 Vite 项目 使用NPM: npm init vite@latest 使用Yarn: yarn create vite 使用PNPM: pnpm create vite 使用Vite 创建 Vue3 项目 # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, ...
运行npm run dev 就可以调用 vite 的命令行程序,启动 vite 开发服务器。然而直接在命令行中执行 vite 命令是会报错的,这是因为包管理器会将项目中所有相关的可执行命令二进制文件放入node_modules/.bin 中,这个目录会在运行时被加入到系统环境变量 PATH。
比如: 执行命令ni安装依赖包,如果当前项目包含pnpm-lock.yaml,那么会使用pnpm install执行安装命令,否则判断是否包含package-lock.json/yarn.lock/bun.lockb,来确定使用哪个包管理工具去执行安装命令。 pnpm workspace实践 1. 新建仓库并初始化 新建目录pnpm-workspace-demo,执行npm init / pnpm init初始化项目,生成pa...
rm-rf node_modules pnpm-lock.yaml node_modules文件夹一定要全部删除,pnpm-lock.yaml文件也要删除,上述是用命令删除的,也可以自己手动删(所有的node_modules都要删) image-20240830135249168 2.2 文件路径过长问题 问题: 在Windows系统上,文件路径过长(超过 260 个字符)可能导致文件系统问题,导致文件无法被正确访问。
引言:当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式,如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。 其中 pnpm 是一种前端的包管理工具,是前端开发中最重要的工具之…
这样在 pkg1 或者 pkg2 下执行build命令就会将各子包的ts代码打包成js代码输出至lib目录下。 要想启动pnpm的workspace功能,需要工程根目录下存在pnpm-workspace.yaml配置文件,并且在pnpm-workspace.yaml中指定工作空间的目录。比如这里我们所有的子包都是放在packages目录下,因此修改pnpm-workspace.yaml内容如下: ...
1、首先删除vite里面的base 然后再.gitignore里面新增dist 2、为了让dist目录不删除而是其里面的内容删除 运行 git rm -r --cached dist 然后运行git status查看一下我做了那些改动,然后记住了做了改动 一定要 git add . git commit -m xxx 3、删除些原配置 然后src下面创建新目录 然后每个新空目录下面创建...
装包速度快。比 npm / Yarn 快 2 到 3 倍。 省磁盘空间。同一个包的同一个版本,全局只会装一次。一个包的不同版本,pnpm 也会极大程度地复用之前版本的代码。 pnmp 很好上手。其命令和 npm 基本一样。会用 npm,也就会用 pnmp。 安装方式: 代码语言:javascript 复制 npm i-g pnmp 参考...
将lerna.json文件中的version设置为independent,即可以独立模式运行。 项目初始化时,可以通过一下命令设置独立模式: lerna init --independent 独立模式的 Lerna 项目允许各个包维护自己的版本。每次发布时,都会收到有关已更改的包的提示,以指定它是补丁、次要、主要还是自定义更改。 独立模式允许您更具体地更新每个包...
比如: 执行命令ni安装依赖包,如果当前项目包含pnpm-lock.yaml,那么会使用pnpm install执行安装命令,否则判断是否包含package-lock.json/yarn.lock/bun.lockb,来确定使用哪个包管理工具去执行安装命令。 pnpm workspace实践 1. 新建仓库并初始化 新建目录pnpm-workspace-demo,执行npm init / pnpm init初始化项目,生成pa...