前言
由于之前的项目都是用
npm
去构建项目、下包、打包的,最近刷到一篇文章觉得pnpm
安装速度挺快的,于是就尝试下,体验下。
由于vue3
官方文档中提示nodejs
版本需安装18.0
及更高版本
而pnpm
官网中展示的兼容性中,nodejs@18+
兼容性更佳,本文采用node@18.14.1
你可以直接在nodejs
官网下载指定版
也可以通过安装nvm
下载指定的node版
安装pnpm
通过npm
安装pnpm
npm install -g pnpm
验证pnpm
安装是否成功及查看pnpm
版本
pnpm -v
设置淘宝源
//查看源
pnpm config get registry
//切换淘宝源
pnpm config set registry https://registry.npmmirror.com/
通过Vite
搭建Vue
项目
pnpm create vite
- 输入你想要的项目名称
- 选择框架,这里选择
Vue
(通过键盘上下键选择,回车确定)
-
选择语言(这里选择
javascript
) -
构建完成
接着按照提示进入刚刚建的项目文件夹
cd vite-project-vue3
,然后键入code .
(vscode 自带的命令:用vscode打开当前文件夹) -
下载资源包
pnpm install
-
运行当前项目
pnpm run dev // or pnpm dev
-
安装
Element-plus
pnpm install element-plus
就酱紫,是不是 So Easy!!!
当前,我们构建了一个vue@3.3.11
+vite@5.0.8
+element-plus@2.5.1
的项目。
下期预告:
《vue3项目如何配置Eslint+Prettier》
敬请期待~