vue3+typescript+pnpm详细介绍使用

vue3+typescript+pnpm详细介绍使用

pnpm介绍&安装

掌握:pnpm 的安装和使用
pnpm本质上是一个包管理工具,和npm/yarn没有区别,主要优势在于
包安装速度极快
磁盘空间利用效率高
安装:首先你应该安装了npm管理工具

npm i pnpm -g

使用加速

pnpm config set registry https://registry.npmmirror.com

命令的使用介绍

npm命令 pnpm等效
npm install pnpm install
npm i axios pnpm i axios 或 pnpm add axios
npm i webpack -D pnpm i webpack -D
npm run dev pnpm dev

小结:

pnpm 是一个高效的包管理工具,使用和npm和yarn基本相同
项目创建
使用 create-vue 脚手架创建项目
官方推荐create-vue参考地址:https://github.com/vuejs/create-vue
步骤:

执行创建命令

pnpm create vue
npm init vue@latest
yarn create vue
✔ Project name: … patients-h5
✔ Add TypeScript? … No / `Yes`
✔ Add JSX Support? … `No` / Yes
✔ Add Vue Router for Single Page Application development? … No / `Yes`
✔ Add Pinia for state management? … No / `Yes`
✔ Add Vitest for Unit Testing? … `No` / Yes
✔ Add Cypress for both Unit and End-to-End testing? … `No` / Yes
✔ Add ESLint for code quality? … No / `Yes`
✔ Add Prettier for code formatting? … No / `Yes`

提示

cd patient-h5
pnpm install
pnpm dev
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
技术教程

解决Nuxt3项目创建项目失败链接失败等问题

2023-6-20 11:34:59

技术教程

域名DNS解析中DNS隐/显性 URL记录

2023-9-22 11:45:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索