使用vue-cli3(脚手架3)创建vue项目

第一步:安装node.js

1.node.js的安装不用多说,如果图省事,可以通过腾讯电脑管家的软件管理搜索node.js下载并安装,博主亲测有用。

2.安装后使用windows键+R键,输入cmd运行命令提示符,输入node -v 可查看当前node的版本,vue-cli需要8.11以上的node版本。

第二步:全局安装wepack
1.全局安装webpack命令:npm install webpack@3.6.0(版本号) -g

第二步:全局安装vue-cli3

1.vue-cli3的安装命令:npm install @vue/cli@3.2.1(指定的vue-cli版本) -g。
注:
①想安装vue-cli3一定要指定版本,如果不指定版本,则默认下载的是vue-cli4。
②3.2.1是博主使用的vue-cli的版本。

第三步:通过vue-cli3创建vue项目

①在指定的文件下创建vue项目

②在指定的文件下输入cmd并运行,打开的命令提示符默认路径便是该文件

在这里插入图片描述
③vue-cli3创建vue项目命令:vue create 项目名

注:项目名中不能有大写

第四步:vue项目创建中的选择和首次运行

选择一:这里我们选default(默认)在这里插入图片描述
运行vue项目:

vue项目安装好后,通过命令提示符将路径指定到创建的vue项目中,输入npm run serve后,在片刻等待后,会显示下图信息。
在这里插入图片描述
在浏览器中输入localhost:8080即可,若浏览器出现该界面,则vue项目创建成功!
在这里插入图片描述
注:如果问题,小伙伴们可留言,博主会耐心的帮你们解决的。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值