在Vue3项目中使用pnpm是一个高效且节省磁盘空间的选择。 安装pnpm 首先,你需要全局安装pnpm。可以通过以下命令使用npm来安装pnpm: bash npm install -g pnpm 安装完成后,你可以通过pnpm -v命令来检查pnpm的版本,确保安装成功。 创建Vue3项目 使用pnpm来创建一个新的Vue3项目。你可以使用Vite作为构建工具,因为Vite...
然后我们在packages下创建两个 vue 项目,vue-dom1和vue-dom2,运行脚本pnpm create vue@latest。由于两个项目的依赖是完全一样的,我们可以将 dependencies、devDependencies 复制到外层 package.json 中当做公共依赖,然后pnpm install安装一次即可 到了这一步,vue 项目还是不能运行,必须要先配置 workspace,用于支持多包...
pnpm install vue-router@4 在src下创建一个 routes 文件夹,再创建一个 routes.ts 文件 // 对外暴漏配置路由,常量路由 export const constantRoute = [ { path: '/home', component: () => import('@/views/home/index.vue'), name: '首页', meta: { title: '首页', hidden: false, icon: '...
at Object.<anonymous> (/Users/ruios/web/vue-vben-admin-main/node_modules/vite-plugin-mock/node_modules/esbuild/bin/esbuild:2:7) 根据目录找到文件夹,确实里面里面也有一个esbuild 所以执行以下 node node_modules/vite-plugin-mock/node_modules/esbuild/install.js 再次运行就ok了 5. 提示build.terse...
前两篇文章分享了基于 vite3 vue3 的组件库基础工程 vue3-component-library-archetype 和用于快速创建该工程的工具 yyg-cli,但在中大型的企业级项目中,通...
npm install -g pnpm AI代码助手复制代码 新建一个目录并进行初始化: mkdirvue3-learncdvue3-learn pnpm initmkdirpackages AI代码助手复制代码 配置monorepo 在项目根目录下新建pnpm-workspace.yaml文件: packages:-'packages/*' AI代码助手复制代码 意思是,将packages目录下所有的目录都作为单独的包进行管理。
pnpm install -D lint-staged 配置 在package.json配置中添加: "lint-staged": { "*.{js,ts}": [ "eslint --fix", "prettier --write" ], "*.{cjs,json}": [ "prettier --write" ], "*.{vue,html}": [ "eslint --fix", "prettier --write", "stylelint --fix" ], "*.{scss,css...
npm install -g pnpm 新建一个目录并进行初始化: mkdirvue3-learncdvue3-learn pnpm initmkdirpackages 配置monorepo 在项目根目录下新建pnpm-workspace.yaml文件: packages:-'packages/*' 意思是,将packages目录下所有的目录都作为单独的包进行管理。 通过这样一个简单的配置,Monorepo开发环境搭建好了。
$ npm install --global vue-cli 1. 2、创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 1. 3、安装依赖,走你 $ cd my-project $ npm install $ npm run dev 1. 2. 3. 如果npm安装慢的话 可以使用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org...