安装旧版本 Vue-cli2.X.X

安装旧版本 Vue-cli(此案例为Vue-cli2.8.2 )

此文章作笔记,不是教程,看不懂的可以多百度
本文参考自

1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)
2.安装Vue-cli

(1)可能npm没有配置国内镜像,国外的仓库总是不容易拉取的,所以先换一下国内的镜像。

命令行输入"npm -g cnpm --registy=https://registry.npm.taobao.org"回车使用淘宝镜像

(2)然后进行Vue脚手架安装:
全局安装:命令行输入npm install vue-cli -g
指定版本的安装:命令行输入"npm install -g vue-cli@2.8.2"回车安装
npm安装指定版本的package,只需要在命令行之后加上 @版本号即可。

安装vue-cli 2.x指定版本
npm install -g vue-cli@2.x.x
//注意此处只有一个@

查看vue-cli3.x及以上可以安装的版本
npm view @vue/cli versions --json

查看vue-cli2.x及以下可以安装的版本
npm view vue-cli versions --json

3.安装webpack

webpack3 中,webpack与webpack-cli是绑定的。也就是你使用"npm i webpack -g"安装了webpack以后,webpack-cli是默认就安装上了。但是到了webpack4,这2个东西已经被分解成了2个完全独立的包,所以,你还需要独立安装webpack-cli。

命令行输入 npm install webspack -g安装webpack。
命令行输入 npm i webpack-cli -g 安装webpack-cli。
输入webpack -v,查看安装成功。

新建Vue工程

4.创建项目

在cmd里输入:vue init webpack project01(project01是项目文件夹名如果在当前文件夹init而不新建以project01文件夹为项目的话可以直接vue init webpack),回车,等待一小会儿,依次出现‘git’选择

具体意思参考:vue init webpack my-project 选项详解

我的选取结果

进入项目并运行,我这里加载到10%

运行完成

打开网页,输入http://localhost:8080

如何退出、进入启动项目

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值