Windows10安装vue脚手架

第一步、安装nodejs

相关链接

https://blog.csdn.net/qq_37554565/article/details/107815437

第二步、安装Vue脚手架

1.使用淘宝镜像安装cnpm

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

注:国外的源下载会很慢,只要你慢你就可以换成国内淘宝的源,加**–registry=https://registry.npm.taobao.org** 即可
在这里插入图片描述
2.出现以下画面安装成功

  cnpm -v

在这里插入图片描述
3.安装webpack

npm install -g webpack

在这里插入图片描述
4.安装webpack-cli

npm install -g webpack-cli

在这里插入图片描述
5.出现以下画面安装成功

webpack -v

在这里插入图片描述
6.安装Vue-cli

npm install -g vue-cli --registry=https://registry.npm.taobao.org

在这里插入图片描述
7.出现以下画面安装成功

vue -V

在这里插入图片描述
到此为止,环境就搭建好了!

三、初始化项目

这一步是为初学者开启第一个vue项目,如果只要安装可不做这步
1.进入文件夹

mkdir myproject
cd myproject

在这里插入图片描述
2.初始项目

veu init webpack vuedomo

在这里插入图片描述
在这里插入图片描述
耐心等待

3.出现以下画面安装成功
在这里插入图片描述

dir

在这里插入图片描述
4.启动应用

cd vuedomo
npm run dev

在这里插入图片描述
5.启动成功
查看http://localhost:8080
在这里插入图片描述
**出现以下画面,恭喜,项目创建完成!

项目结构**
在这里插入图片描述
路刚刚开始…
精彩的在后面

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值