/VueCnodeJS

Vue2.x 初/中级项目,CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO):

Primary LanguageVue

VueCnodejs

一个Vue的初/中级练手项目:重构CnodeJS社区

预览

这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-routerVue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...

Element是个不错的UI组件,很喜欢这种MaterialUI。

PS: 如果你想入门Vue,但苦于没有难度合适的项目的话,Here For You!

考虑到别人可能会看我源码来学习Vue,我commit时是根据项目的进度,完成一小块功能,就commit一次。贴心吧,嘻嘻。

2017-5-24: 如果你看完Vuex文档,对于如何把它应用到实际项目中还是有点茫然的话,那么我为这个项目写了一个Vuex版本。就在vuexVersion文件中。

2017-9-9: 我又为本项目写了个Nuxt.js的版本.完美解决了SEO问题(Vue这种MVVM框架一直被人诟病没有解决SEO,但是现在我们有了Nuxt). 代码在nuxtVersion文件中. 需要注意的地方我写在了代码注释里

技术栈:


Vue.js

Vue-router

Vue-resource

Element

CnodeJS API

本地运行:


git clone https://github.com/shuiRong/VueCnodeJS.git
cd VueCnodeJS
npm install
npm run dev

PS: 默认用的是8080端口。

English:


A Vue.js project : reconstruct cnodejs.org (Front End)

This's my first Vue project, and It takes my five days to write code and learn some skills else new. Not long ago, I think that learning some new skills will spend my plenty of time, But the truth is that It's easy to hold....

Element is a concise UI component. I like Material UI like this.

PS: If you want to learn Vue.js, but don't know which vue project is suitable for you, Here For You!
And thinking about there is someone else to read my source code for learning Vue, I committed every time when I finished a small module.
so sweet? :)

Skills:


Vue.js

Vue-router

Vue-source

Element

CnodeJS API

Install And Run


git clone https://github.com/shuiRong/VueCnodeJS.git
cd VueCnodeJS
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report

PS: port 8080 will be used.