Vue配置

一、先安装node.js，

通过node.js里的命令，去安装Vue脚手架

然后通过Vue脚手架去搭建项目

到node.js的官网下载node.js

http://nodejs.cn/download/

下载后一路下一步，进行安装即可

用node -v测试安装成功

二、使用node.js里的命令，安装vue脚手架     vue-cli

通过node.js的npm命令，安装脚手架，     npm install vue-cli -g

改变安装源:从淘宝镜像进行安装

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

检测脚手架是否安装成功      vue list

三、使用vue-cli  拉取、创建webpack类型的vue项目 

1、在本地创建一个存储vue项目的文件夹

2、进入到文件夹，cmd打开命令窗口

3、拉取、创建项目：vue init webpack vuepro2205(项目名)

4、按提示进行

 

进入到项目的根目录，cmd打开命令窗口，输入如下命令启动服务：

                                    npm run dev

路由安装：可以在拉取项目的时候，安装路由

​                   也可以独立安装，进入项目的根目录,cmd打开命令窗口

​                   命令：      npm install vue-router -s

 

四.Axios的安装配置

1、进入到项目的根目录，cmd打开命令窗口

                                  npm install --save axios vue-axios

Element-UI 专门为Vue设计的组件库

官网：https://element.eleme.cn/#/zh-CN

项目中添加Element-UI的依赖

1、进入到项目的根目录，cmd打开命令窗口

2、输入安装：             npm i element-ui -S

3.main.js引axios   element-ui

import axios from "axios";
import VueAxios from "vue-axios";
import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css'
//使用axios插件
Vue.use(VueAxios,axios)
Vue.use(ElementUI)

 五.跳转页面

 

this.$router.push('/home')