【Vue3】创建Vue3.0脚手架工程的解决方法(图文)

一、使用vue-cli创建

1、查看vue版本,确保在4.5.0以上

2、如果不是4.5.0,就用 npm install -g @vue/cli安装最新版本

3、创建3.0项目,在想创建项目的地址栏输入:cmd

如果出现选择,选择vue3,按回车

 

建好了

二、使用Vite创建(注意:安装最新版的vite)

1、同样在路径框输入cmd,按回车

 2、输入:npm init vite@latest shop-admin,【shop-admin】是项目文件夹的名称,如果有项目文件夹,此步骤忽略)选择Y,按回车

vite@latest  是安装最新版本vite

3、用上下方向键,选择vue,再按回车 

 4、选择语言,一般选JavaScript

3、进入项目文件夹路径,【shop-admin】路径,执行npm install

 

 

 OK了 

(1)、如果出现错误了,错误一:vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

 set-ExecutionPolicy RemoteSigned (签名或运行这些脚本)

(2)如果出现npm ERR! errno -4058报错解办法

两种方式:

1、删除node_modules文件夹

2、npm换成cnpm 问题解决

 最后,打开项目:npm run dev

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敦厚的曹操

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值