VUE3项目搭建【vue-cli 及 vite】

24 篇文章 0 订阅
2 篇文章 0 订阅

第一种:通过 vue-cli 脚手架进行项目搭建:

VUE3项目创建对VUE-cli的版本是有限制的,版本必需在 4.5.0以上才可以

我们可以在 cmd 窗口 输入 vue -V 来进行查看
在这里插入图片描述
如果版本不对的话可以进行版本升级:

npm install -g @vue/cli

建议以下方式:

1.通过config命令

npm config set registry https://registry.npm.taobao.org

npm info underscore (如果上面配置正确这个命令会有字符串response)

2.命令行指定

npm --registry https://registry.npm.taobao.org info underscore

然后再安装就好了

npm install -g @vue/cli

要是出现其他的报错,具体问题 具体分析 具体解决
安装完成之后 在进行 vue -V 进行版本查看

第二种:通过 vite 前端新一代构建工具进行搭建

优势如下:

  1. 开发环境下 无需打包操作 ,可快速冷启动
  2. 轻量快速的热重载(HMR)
  3. 真正的按需编译,不在等待整个应用编译完成
安装步骤如下:vue官方文档说明
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值