vue-cli脚手架的安装
nodejs_2">1、安装nodejs:
版本越高越好(6.0以上版本),最好安装最新版本。(别问为啥,自己试!)
npmvuecli_6">2、npm全局安装vue-cli脚手架:
**
①npm i -g vue-cli
npm指令安装vue-cli脚手架,安装指令为vue-cli时,安装的是vue CLI2.9.6版本
vue create指令" />
②cnpm i -g vue-cli
cnpm(淘宝镜像)指令安装vue-cli脚手架,安装的是vue CLI2.9.6版本
③npm i -g @vue/cli
npm指令安装vue-cli脚手架,安装指令为@vue/cli时,安装的是vue CLI3.0版本
④cnpm i -g @vue/cli
cnpm指令安装vue-cli脚手架,安装指令为@vue/cli时,安装的是vue CLI3.0版本
⑤npm指令安装依赖失败:
报错:A complete log of this run can be found in
npm下载失败" />
解决:更新至最新版本nodejs
指令:npm i npm -g(npm全局更新)
cnpm i npm -g(cnpm淘宝镜像更新)
建议使用cnpm淘宝镜像更新,比较稳定,下载速度更快。
**
vue_27">3、创建vue项目
**:
①Vue CLI2.9.6版本创建项目(不支持vue create指令):
第一步:创建一个项目文件夹
第二部:cd指令进入项目文件夹
第三部:vue init webpack
②Vue CLI3.0版本创建项目:
进入想要存放的位置之后,create指令直接创建
vue create XXX(项目名称)
(2021-7-21补充:项目名称不要包含大写字母,否则会报错)