vue-cli创建一个项目并引入axios,router等相关插件

1. vue create app01; //创建一个项目

2. npm install ;//安装依赖

3. npm run serve; //启动项目

4. 安装必要的组件，如axios，router，element等
   4.1. 安装axios:
   1》npm install axios --save-dev
   出现如下结果，则安装成功
   
   2》在main.js中引入axios
   
   3》即可使用axios

5. 引入element-ui
   1》安装：npm install element-ui --save
   2》在main.js中配置
   
   3》使用

6. 引入iconfont字体图标库
   1》在官网下载相关图标，加入购物车，下载至本地，
   2》在main.js中导入即可import ‘./iconfont/iconfont.css’//引入图标

7. 安装并使用router
   1》npm install vue-router --save
   2》在src下创建文件夹router文件夹，在里面创建index.js
   在里面导入vue和vue-router以及需要根据不同 url 地址显示的组件,如下图所示

import Vue from 'vue';
import Router from 'vue-router';
import Login from "../views/login/index";
import MakeCall from "../views/makeCall/index";

Vue.use(Router);

export default new Router({
  mode: "hash",
  routes: [
    {
      path: "/",
      name: "Login",
      component: Login,
    },
    {
      path: "/makecall",
      name: "makecall",
      component: MakeCall,
    },
  ],
});

3》在根目录的 App.vue 文件中使用 vue-router 提供的默认标签 来导入路有文件。
4》最后，我们需要在根目录下的 main.js 文件中，注册 router 组件：

8. 引入并使用vuex
   1》安装：
   npm install vuex --save
   2》在src下创建一个store文件夹，下面创建一个index.js
   在index.js中引入vue和vuex

 import vue from 'vue'
 import vuex from 'vuex'
 vue.use(vuex)

3》在main.js中挂载