PNPM搭建vue3+TypeScript项目

本文介绍了如何使用PNPM管理器在Windows中全局安装PNPM,通过步骤指导如何初始化一个新的项目,包括选择框架(如Vue、React等)和启用TypeScript。随后详细说明了运行项目所需的操作,如切换目录、安装依赖和本地开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装PNPM 

    (1):以管理员身份运行 window powershell 

Invoke-WebRequest 'https://get.pnpm.io/v6.16.js' -UseBasicParsing -o pnpm.js; node pnpm.js add --global pnpm; Remove-Item pnpm.js

  (2):查看是否安装成功 

pnpm -v

2.初始化项目

pnpm install 项目名称

(1)选择自己创建的项目框架


     vanilla // 原生js
 >   vue     // 默认 vue3
     react   // react
     preact  // 轻量化react框架
     lit     // 轻量级web组件
     svelte  // svelte框架 
 

(2) 选择TypeScript

? Select a variant: › - Use arrow-keys. Return to submit.

   vue

> vue-ts

(3) 运行项目 

(进入项目)cd 项目名称

(安装项目依赖) pnpm install

(运行本地项目) pnpm run dev

3.运行完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值