vue-cli3的安装和项目创建

在安装 vue-cli3之前,先要安装cnpm,参考:npm和cnpm(windows)安装步骤_lifuwang的博客-CSDN博客

(一) vue-cli3的安装

(注意:vue-cli3在安装之前,需要先删除旧版本,即vue-cli2)

cnpm i -g @vue/cli

vue-cli3的卸载:cnpm uninstall -g @vue/cli

然后用命令“vue -V”查看是否删除vue,如果没有删掉,就直接去文件夹里面删除vue文件夹即可

(二)vue-cli3项目创建

1,命令行的方式

输入命令:vue ui

用dos命令的方式

vue create hello-vue

注:项目名要小写,如hello-vue

 Vue CLI v5.0.4
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

VUE2和VUE3并存时,需要选择版本。这里选择VUE3(通过上下箭头选择后回车).

如果同时安装有Yarm和NPM时,根据个人喜好选择(我选择了NPM)。

运行 

cd hello-vue
npm run serve

出现以下界面表示项目创建成功了!

2,图形化界面的方式

输入命令

vue ui

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值