vue-cli使用
恶作剧 vueweb
# node安装
下载地址：https://nodejs.org/en/download/
# 基础配置
#查看node安装版本
node -v
#查看npm软件包管理工具版本
npm -v
#查看软件包镜像源
npm config get registry
#设置为国内镜像源 淘宝源
npm config set registry https://registry.npmmirror.com
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 进阶使用
nrm管理多个镜像源
#安装nrm
npm install -g nrm
#查看可用的镜像
nrm ls
#切换到指定镜像
nrm use taobao
#测试指定源速度
nrm test taobao
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 安装vue-cli
#-g 全局安装
npm install -g vue-cli
#查看vue-cli版本
vue -V
1
2
3
4
5
2
3
4
5
# 创建vue-cli项目
新建空目录，我创建目录地址为
/Users/xu/Documents/VueProject/创建
webPack模板项目，一路选no#初始化一个项目，项目名为 vue-cli-test vue init webpack vue-cli-test1
2
3
进入项目目录，初始化并运行
cd vue-cli-test #安装所需依赖 npm install #运行 npm run dev1
2
3
4
5
# 使用vue-router
vue-router是vue.js中的路由管理器，和vue.js深度集成，用于动态路由，视图转发等效果。
# 安装
# --save-dev安装到开发环境
npm install vue-router --save-dev
1
2
2