vue-cli3.0环境搭建

首先卸载老版本的vue-cli

执行指令:npm uninstall vue-cli -g
说明:

  1. npm是安装好node.js后自带的一个包管理工具
  2. -g指的是全局global
  3. 新的vue-cli3.0包名变成了:@vue/cli它和老版本是不兼容的

安装新版本

执行指令:npm install -g @vue/cli

原型开发(针对做原型开发的小伙伴)

针对做原型开发的小伙伴,做普通开发小伙伴可以选择忽略
执行指令:npm install -g @vue/cli-service-global
说明:

  1. @vue/cli-service-global这是一个库,有了这个库就可以进行原型开发了
  2. 原型开发指的是我们把单一vue文件在powershell中直接运行起来
  3. 运行这个单个vue文件的指令是vue serve

创建项目

执行指令:vue create hello-world
说明:

  1. 这里的hello-world指的是项目名称,大家可以按照自己实际情况来起名字
  2. 安装成功后可以通过vue -V来查看版本情况
  3. npm run serve可以让你的项目跑起来,项目默认端口8080,如果发现没有跑起来,可以检查一下端口是否被占用,或者你可以修改一下本项目的端口
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值