vue2.5项目安装+vue全家桶:vue+vue-cli+vue-router+vuex+axios

vue2.5项目安装

1.安装Nodejs https://nodejs.org

2.安装webpack-----------------------------------------------------------

npm install -g webpack

3.安装Vue-cli-------------------------------------------------------------

npm install -g vue-cli

npm install -g vue-cli@2.5       这个是vue-cli2.5

查询当前版本vue   vue -V  

4.建立一个模板项目--------------------------------------------------

vue init webpack my-project

5.cd my-project

6.安装项目依赖库文件------------------------------------------------

npm install

7.安装element UI 库---------------------------------------------------

npm i element-ui -S

npm i axios -S

8.引入elementUI ,axios库到项目,在main.js文件中添加------------------

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import axios from "axios";

Vue.prototype.$axios = axios;
Vue.use(ElementUI);

9. npm run dev

 

vue全家桶

全家桶，对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。

一、vue-cli

二、vueRouter

三、vuex

四、Axios

五、搭配UI框架如：iview、elementUI

iview 一套基于 Vue的高质量UI 组件库(分为小程序和pc端等不同版本)；

vant 轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。

Ant Design Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。

elementUI 是基于 Vue 2.0 桌面端中后台组件库。

 

细数那些我们用过的 Vue 组件库：https://zhuanlan.zhihu.com/p/264525617

Vant 介绍：有赞前端团队维护的移动端vue组件库： https://www.w3cschool.cn/vantlesson/vantlesson-htl635uq.html

 

 

vue全家桶资料

http://doc.liangxinghua.com/vue-family/1.html

vue全家桶面试：https://www.cnblogs.com/onesea/p/13091470.html