在做VUE项目时遇到的问题及解决办法:创建的vue项目找不到文件.babelrc,无法做到按需加载mint-ui组件库

一、在使用vue-cli创建项目时,其实安装vue-cli有两种方法:

1.使用命令: npm install -g vue-cli

2.使用命令:npm install -g @vue/cli

第一种安装vue-cli的方法是搜索出来的很多人常用的方法,第二种方法我是在慕课网上3小时速成 Vue2.x 核心技术这个视频学到的。我在安装过程中发现,这两种安装方法是互斥的,即使用命令安装后,只能使用其对应的创建方法来新建项目,比如先安装第一种,再安装第二种,第二种会覆盖第一种。反过来同理。

1.使用npm install -g vue-cli安装后,创建项目命令为:

vue init webpack project-name

其中,project-name为自定义的项目名称。(project-name可使用短横线-、下横线_和小写字母)

2.使用npm install -g @vue/cli安装后,创建项目的方式有两种:

vue create project-name

使用此命令创建后,可用箭头去选择自动还是手动创建(我在创建的时候箭头无法选择,不知道怎么解决,我的系统是win10家庭版,所以这个创建方式没有vue ui好用);

vue ui

使用这个命令,会自动跳转到浏览器生成ui界面,在网页上创建项目,比较推荐这个方式;

我本来以为这几种创建项目的方法没什么区别,但是当我要在项目中引入mint-ui组件库,想要做按需加载时,我发现我使用npm install -g @vue/cli命令创建的项目,竟然找不到.babelrc文件,所以我只能使用npm install -g @vue/cli这种方式来创建项目。之后去看mint-ui官方文档,它也是说的以如下这个方法来创建项目:

npm install -g vue-cli

vue init webpack projectname

上面是我刚接触vue项目时遇到的第一个问题,后续追加更多问题及解决办法。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值