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