安装Vue-cli脚手架(超详细!)

学习目标:

  • 快速掌握Vue-cli脚手架的安装
  • 认识vue命令(译:在代码图片中)
  • 了解初学者安装过程遇到的问题

学习内容:

  1. 搭建 vue-cli 脚手架
  2. 掌握部分vue命令
  3. 掌握创建 project

以下为流程图

以下为安装过程

第一:上网下载node.js 要求版本是12.0以上

下载网址 Node.js

下载后暴力安装就好了......

第二:win+r 打开 电脑的运行 “进程”,输入node -v  检测nodejs安装是否成功,

如图:出现版本号即安装成功:

 第三:现在nodejs安装好了,既然要安装 vue-cli 脚手架那么就开始吧!

安装cnpm

键入npm install -g cnpm -registry=https://registry.npm.taobao.org

检查cnpm是否安装成功:cnpm -v

第四:创建项目键入   vue create demo    ,demo为项目名称可自定义:

 选择手动安装加(减)功能:

 Enter   选  2.x  版本:

 是否把选择的配置存储为预设:

 下一步:选红框内容(第一个):

开始创建项目并自动安装依赖包:

 项目创建完成:

 到此项目demo1创建完成

。。。。。。。。。。。。

 最后:初学者安装过程遇到的问题

1.node.js版本低于12.0不行

2.安装vue-ilc思路不清晰,建议先看流程图

3.项目存储地址不在C盘的可能会出现权限不足无法创建,移到C盘重新创建项目问题就解决了

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值