pnpm快速创建 Vue.js 项目(npm类似)

目录

[pnpm 创建一个 Vue.js 项目](#pnpm 创建一个 Vue.js 项目)

前提准备:

运行创建命令:

选择项目配置:(按需选择)

[cd +项目名:(进入项目终端)](#cd +项目名:(进入项目终端))

安装项目依赖:

运行项目:


pnpm 创建一个 Vue.js 项目

前提准备:

  1. 确保已安装 pnpm。如果没有,请运行以全局安装 pnpm。npm install -g pnpm
  2. 打开终端并导航到要在其中创建项目的目录。

运行创建命令:

运行命令 :

复制代码
pnpm create vue@latest

这将启动使用最新版本创建新的 Vue.js 项目。PNPM 将下载必要的依赖项并为您设置项目结构。

选择项目配置:(按需选择)

  1. 输入项目名称
  2. 是否添加ts
  3. 是否添加jsx支持
  4. 是否添加路由vue router
  5. 是否添加状态管理pinia
  6. 是否添加测试
  7. 是否添加测试解决方法
  8. 是否添加eslint代码检查
  9. 是否添加prettier

执行完以上步骤之后,一个vue项目就已经创建完成了,接下来按照操作

cd +项目名:(进入项目终端)

安装项目依赖:

复制代码
pnpm install

运行项目:

复制代码
pnpm dev

同样使用npm也是按照 该步骤创建项目的不过执行的命令基本把pnpm改成npm就可以了,如果有一定经验的开发者建议了解pnpm进行使用

相关推荐
鹿衔`5 分钟前
解决Flink on Yarn模式多Yarn Session会话提交
java·前端·flink
u***u68515 分钟前
前端组件单元测试模拟,Jest mock函数
前端·单元测试
前端摸鱼匠35 分钟前
Vue 3 的watchEffect函数:介绍watchEffect的基本用法和特点
前端·javascript·vue.js·前端框架·ecmascript
拉不动的猪1 小时前
基本数据类型Symbol的基本应用场景
前端·javascript·面试
天庭鸡腿哥1 小时前
谷歌出品,堪称手机版PS!
javascript·智能手机·eclipse·maven
_小九1 小时前
【开源】耗时数月、我开发了一款功能全面【30W行代码】的AI图床
前端·后端·开源
just小千1 小时前
HTML进阶——常用标签及其属性
前端·html
惜.己1 小时前
html笔记(一)
前端·笔记·html
Lsx-codeShare1 小时前
一文读懂 Uniapp 小程序登录流程
前端·javascript·小程序·uni-app