使用vue-cli@3.3.0创建项目

目录

1. 确认vue版本(最新的已经到了5.0以上)

2. 来到创建的项目目录下,新建一个vue项目vue3

2.1 会遇到的报错

2.2.1 vue create

2.1.2 npm install

 3. 配置好以后就会开始下载相应的脚手架,形成新的项目​

4. 项目新建成功。使用npm install,下载所有的依赖

5. 项目目录结构

6. 启动项目


1. 确认vue版本(最新的已经到了5.0以上)

安装之前先卸载旧版本

npm uninstall -g @vue/cli

安装3.0及其以后版本

npm install -g @vue/cli@x.x.x

安装3.0以前的旧版本

npm install -g vue-cli@2.x

此时查看vue版本

vue -V

2. 来到创建的项目目录下,新建一个vue项目vue3

vue create vue3

配置如下

2.1 vue-cli降级会遇到的报错

由于一开始装的最新版本的vue-cli(5.0+),降了版本以后会出现一些问题。

2.2.1 vue create

 将个人文件夹下的.vuerc文件删除就好了

 重新运行

2.1.2 npm install

删除个人文件夹中的.npmrc文件

对npm降级

npm i --legacy-peer-deps 

 3. 配置好以后就会开始下载相应的脚手架,形成新的项目

4. 项目新建成功。使用npm install,下载所有的依赖

5. 项目目录结构

6. 启动项目

在package.json中找到启动命令,启动。

一般是npm run serve

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值