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