基於cnode社區API重寫的Vue2.0項目(vue,vue-route,vuex,axios,webpack初學入門)

項目地址

https://github.com/LeeWgg/CNodecss

DEMO

http://www.leewgg.cn/projects...html

前言

該項目是採用Cnode社區提供的api,基於vue2.0重寫,在此特別感謝!!!而後也要感謝 https://github.com/shinygang 的vue-cnodejs項目給予個人啓發。再一次說聲謝謝!

感悟

學習前端一年多,也看到Vue火起來,因而本身開始自學;
剛開始接觸,真是以爲使用起來太方便,但仍是有不少新的東西不是很瞭解,因而想這各類辦法去學習去練習;
這個項目花了我一個星期時間,由於白天要上班,只能花晚上時間去作;
對於這個項目,我以爲挺適合新手vue入門的,包含了(vue-route,vuex,axios,webpack等基本知識),因此我但願新人能夠多看看;

安裝

$ git clone https://github.com/LeeWgg/CNode.git
$ cd CNode
$ npm install或 cnpm install

運行

$ npm run dev

截圖

v1
v2
v3
v4

目錄結構

├── README.md          // 項目說明
├── build              // 構建服務和webpack配置
├── config             // 項目不一樣環境的配置
├── index.html         // 項目入口文件
├── package.json       // 項目配置文件
├── src                // 生產目錄
│   ├── assets         // css js 和圖片資源
│   ├── components     // 各類組件
│   ├── router         // 路由
│   ├── vuex           // vuex狀態管理器
│   ├── app.vue        // 頁面入口文件
│   └── main.js        // 程序入口文件,加載各類公共組件
相關文章
相關標籤/搜索