一个Vue的初/中级练手项目:重构CnodeJS社区
这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js
概念比较了解外,Vue-router
和Vue-resource
都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...
Element是个不错的UI组件,很喜欢这种MaterialUI。
PS: 如果你想入门Vue,但苦于没有难度合适的项目的话,Here For You!
考虑到别人可能会看我源码来学习Vue,我commit时是根据项目的进度,完成一小块功能,就commit一次。贴心吧,嘻嘻。
2017-5-24: 如果你看完Vuex文档,对于如何把它应用到实际项目
中还是有点茫然的话,那么我为这个项目写了一个Vuex版本。就在vuexVersion
文件中。
git clone https://github.com/shuiRong/VueCnodeJS.git
cd VueCnodeJS
npm install
npm run dev
PS: 默认用的是8080端口。
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? :)
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.