Vue项目搭建

一、环境搭建

npm install -g vue-cli

vue init webpack-simple demo

# 初始化完整的webpack项目
vue init webpack demo2

二、引入依赖包

1、引入elementUI库
  npm i element-ui -S

2、引入路由
  npm install vue-router

3、引入axios组件
  npm install axios

4、引入css预处理器less
  npm install -g less
  npm install less less-loader --save

5、引入vuex
  npm install vuex --save

在vue中引入外部less文件
vue 使用less全局变量

三、启动项目

  npm run dev

四、配置项目
1、Vue2+VueRouter2+Webpack+Axios 构建项目实战（二）配置环境及构建初始项目
2、Vue2+VueRouter2+Webpack+Axios 构建项目实战（三）认识项目所有文件
3、Vue项目实战（四）调整 App.vue 和 router 路由
4、vue-axios封装请求（十二）
五、配置全局urlAPI文件

1、简化路径配置.jpg 2、配置文件目录，配置urls入口.jpeg

六、使用Vuex
在vue-cli下使用vuex（详细教程）

七、vue vuex vue-router后台项目——权限路由（超详细简单版）