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+, ...
引言:当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式,如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。 其中 pnpm 是一种前端的包管理工具,是前端开发中最重要的工具之…
运行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...
这样在 pkg1 或者 pkg2 下执行build命令就会将各子包的ts代码打包成js代码输出至lib目录下。 要想启动pnpm的workspace功能,需要工程根目录下存在pnpm-workspace.yaml配置文件,并且在pnpm-workspace.yaml中指定工作空间的目录。比如这里我们所有的子包都是放在packages目录下,因此修改pnpm-workspace.yaml内容如下: ...
将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...
比如:执行命令ni安装依赖包,如果当前项目包含pnpm-lock.yaml,那么会使用pnpm install执行安装命令,否则判断是否包含package-lock.json/yarn.lock/bun.lockb,来确定使用哪个包管理工具去执行安装命令。 pnpm workspace实践 1. 新建仓库并初始化 新建目录pnpm-workspace-demo,执行npm init / pnpm init初始化项目,生成pack...