安装旧版本 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

如何退出、进入启动项目

Logo

前往低代码交流专区

更多推荐