一、在使用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项目时遇到的第一个问题,后续追加更多问题及解决办法。

Logo

前往低代码交流专区

更多推荐