安装旧版本 Vue-cli2.X.X
安装旧版本 Vue-cli(此案例为Vue-cli2.8.2 )此文章作笔记,不是教程,看不懂的可以多百度本文参考自1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)2.安装Vue-cli(1)可能npm没有配置国内镜像,国外的仓库总是不容易拉取的,所以先换一下国内的镜像。命令行输入"npm -g cnpm --registy=https://re
安装旧版本 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’选择
我的选取结果
进入项目并运行,我这里加载到10%
运行完成
打开网页,输入http://localhost:8080
如何退出、进入启动项目
更多推荐
所有评论(0)