基于cnode社區(qū)API重寫的Vue2.0項(xiàng)目(vue，vue-route，vuex，axios，w

YPHP 發(fā)布于2019-08-20 16:29 / 858人閱讀

摘要：項(xiàng)目地址前言該項(xiàng)目是采用社區(qū)提供的，基于重寫，在此特別感謝然后也要感謝的項(xiàng)目給予我的啟發(fā)。

項(xiàng)目地址

https://github.com/LeeWgg/CNode

DEMO

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

前言該項(xiàng)目是采用Cnode社區(qū)提供的api，基于vue2.0重寫，在此特別感謝?。?！然后也要感謝 https://github.com/shinygang 的vue-cnodejs項(xiàng)目給予我的啟發(fā)。再一次說(shuō)聲謝謝！感悟

學(xué)習(xí)前端一年多，也看到Vue火起來(lái)，于是自己開始自學(xué)；
剛開始接觸，真是覺(jué)得使用起來(lái)太方便，但還是有很多新的東西不是很了解，于是想這各種辦法去學(xué)習(xí)去練習(xí)；
這個(gè)項(xiàng)目花了我一個(gè)星期時(shí)間，因?yàn)榘滋煲习啵荒芑ㄍ砩蠒r(shí)間去做；
對(duì)于這個(gè)項(xiàng)目，我覺(jué)得挺適合新手vue入門的，包含了（vue-route，vuex，axios，webpack等基本知識(shí)），所以我希望新人可以多看看；

安裝

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

運(yùn)行

$ npm run dev

截圖

目錄結(jié)構(gòu)

├── README.md          // 項(xiàng)目說(shuō)明
├── build              // 構(gòu)建服務(wù)和webpack配置
├── config             // 項(xiàng)目不同環(huán)境的配置
├── index.html         // 項(xiàng)目入口文件
├── package.json       // 項(xiàng)目配置文件
├── src                // 生產(chǎn)目錄
│   ├── assets         // css js 和圖片資源
│   ├── components     // 各種組件
│   ├── router         // 路由
│   ├── vuex           // vuex狀態(tài)管理器
│   ├── app.vue        // 頁(yè)面入口文件
│   └── main.js        // 程序入口文件，加載各種公共組件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82951.html

相關(guān)文章

基于vue的nuxt框架cnode社區(qū)服務(wù)端渲染

摘要：基于的框架仿的社區(qū)服務(wù)端渲染，主要是為了優(yōu)化以及首屏加載速度線上地址地址技術(shù)棧目錄結(jié)構(gòu)配置文件封裝工具函數(shù)滾動(dòng)條操作函數(shù)靜態(tài)資源實(shí)例化之前執(zhí)行的插件注冊(cè)全局組件注冊(cè)全局服務(wù)端渲染時(shí)保存供服務(wù)端請(qǐng)求時(shí)的獲取頁(yè)面級(jí)組件首頁(yè)登錄頁(yè)未讀消 nuxt-cnode 基于vue的nuxt框架仿的cnode社區(qū)服務(wù)端渲染，主要是為了seo優(yōu)化以及首屏加載速度線上地址 http://nuxt-cnod...

tainzhi 2019-08-22 16:07 評(píng)論0 收藏0
vue2.x-cnode(vue全家桶)

摘要：后續(xù)會(huì)改成的版本安裝安裝編譯語(yǔ)法使用編譯語(yǔ)法圖片路徑與打包安裝引入圖片需要依賴的加載器樣式引入打包文件編譯打包引入樣式文件編譯 vue2.x-cnode 關(guān)于項(xiàng)目 vue2.x Cnode社區(qū)是基于vue、vue-router、vuex、axios、es6開發(fā)，使用webpack構(gòu)建工具編譯打包項(xiàng)目如果此開源項(xiàng)目對(duì)大家學(xué)習(xí)vue的全家桶有幫助，請(qǐng)給我一個(gè)star,因?yàn)槟愕膕tar讓我...

ThinkSNS 2019-08-20 14:26 評(píng)論0 收藏0
vue2全家桶寫的material design風(fēng)格的cnode社區(qū)

摘要：社區(qū)項(xiàng)目地址點(diǎn)此查看預(yù)覽地址點(diǎn)此查看使用模擬手機(jī)查看基于全家桶的風(fēng)格社區(qū)盡量接近原生的風(fēng)格，參考了，的客戶端。 vue-md-cnode社區(qū) 項(xiàng)目地址：點(diǎn)此查看預(yù)覽地址：點(diǎn)此查看（使用chrome模擬手機(jī)查看）基于vue全家桶的Material Design風(fēng)格Cnode社區(qū) 盡量接近原生App的Material Design風(fēng)格，參考了Google Play，Cnode的Andr...

孫吉亮 2019-08-20 18:00 評(píng)論0 收藏0
vue練習(xí)之vue+cnode api

摘要：最近使用社區(qū)提供的做了簡(jiǎn)單練習(xí)項(xiàng)目地址預(yù)覽地址正好學(xué)會(huì)如何把項(xiàng)目部署到使用做簡(jiǎn)單動(dòng)畫效果，解析文本只做了簡(jiǎn)單的幾個(gè)功能，所以沒(méi)有用到，感覺(jué)小項(xiàng)目其實(shí)用不多。主要頁(yè)面文件采用獲取提交數(shù)據(jù)在先初始化獲取帖子列表信息填充帖子列表最近使用vue+cnode社區(qū)提供的api做了簡(jiǎn)單練習(xí)項(xiàng)目地址：https://github.com/joyhb/vueNode預(yù)覽地址：https://joyhb...

chaos_G 2019-08-22 11:05 評(píng)論0 收藏0
Nuxt.js 基礎(chǔ)入門教程

摘要：原文鏈接開發(fā)一個(gè)單頁(yè)面應(yīng)用，相信很多前端工程師都已經(jīng)學(xué)會(huì)了，但是單頁(yè)面應(yīng)用有一個(gè)致命的缺點(diǎn)，就是極不友好?；谒覀兛梢钥焖匍_發(fā)一個(gè)基于的單頁(yè)面應(yīng)用。只有數(shù)據(jù)流存在相關(guān)配置時(shí)可用。引入后，所有頁(yè)面均有效。原文鏈接 Vue 開發(fā)一個(gè)單頁(yè)面應(yīng)用，相信很多前端工程師都已經(jīng)學(xué)會(huì)了，但是單頁(yè)面應(yīng)用有一個(gè)致命的缺點(diǎn)，就是 SEO 極不友好。除非，vue 能在服務(wù)端渲染（ssr）并直接返回已經(jīng)渲...

yedf 2019-08-26 11:37 評(píng)論0 收藏0