学习 vue.js,Node.JS 等技术不知道写什么东西?请推荐点稍微复杂点的入门项目。

nodeJs以前看过,用路由写了点简单的页面跳转,差不多又忘完了,最近在看vue.js,总想写点东西但是又不知道写什么好,请过来人推荐下用这些技术写什么东西比较好,稍微复杂点的,可以作为简单的项目。
关注者
2743
被浏览
151051

50 个回答

11-28 更新:

最近把项目放到了vps上,虽然之后就没更新过。。但是还是无耻得放一下吧,哈哈。

goh5.luoye.pw

=========更新分割线========

新鲜出炉,先放地址:GitHub - luoye-fe/goh5: visual h5 edit
个人开源H5 CMS,类似易企秀、初页,虽然没人家那么牛。。\( ̄▽ ̄)/

数据库:MongoDB
后台:NodeJS
前台:Vue、Vue-Router、Vuex ..

数据库MongoDB,后台全部restful_api,路由由前端控制,Vuex管理应用数据,Gulp+Webpack构建。
后台部分自己也是刚起步,代码可能有点粗糙,谅解。
NodeJS作后台已经是很多新项目的选择了,简单快捷,并且社区很活跃,大多刚起步时遇到的开发难题,前辈们都踩过,擅用搜索可以很快的用起来。不过大型网站的话。。。还有很远的路啊
前台Vue部分,应该还好,而且Vue的文档和API都很友好,学起来主要是思想的转变。
项目起步的时候双向绑定用的真心爽,后来越写越复杂,数据哪都能改,一不小心就埋坑,中途上了Vuex,世界清净了。
列表页,编辑页,设置页,全部组件化,每个组件对数据的修改必须走Vuex,cms做完的作品落地展示用的Swiper,ejs渲染到页面,没有用前端渲染,也省了很多事。
当然,刚完成最基本最基本的功能,比如元素的拖拽,属性编辑,动画等,其它的比如,元素事件,表单,视频,音乐,还有一些操作上体验的优化,键盘控制,也会一步步补。
放几张截图。(自己拼的UI...丑勿怪!)

luoye.goh5.com:3030/sho (二维码自动识别)

有兴趣的小伙伴可以一起来。。。还想RN移植到pad上耍呢。。哈哈,想的有点远
先上项目吧。

项目地址 微型问卷调查平台
代码地址 GitHub : 一个用 Vue 实现的微型问卷调查平台

之前也是打算用 Node.js 和 Vue 做一个整合前后端的项目,在做之前来看了这个答案,看了各位的回答也找到了一点思路,我做的这个任务来自百度前端学院的大作业 百度前端技术学院,使用 Node.js 整合了后端和数据库,算是完成了一个真正的应用。
————————————————----

数据库:MongoDB
后端:Node.js
前端:Vue
部署:Heroku

这个应用大概是做了一个多月,之前算是完全不了解 Node.js 和 Vue,边学边写,中间穿插一些笔试面试 (~ ̄▽ ̄)~

现在说说做这个应用遇到的一些问题 ~

1. 部署 !!怎么部署??

本人专业是市营,半路出家的大四狗,这个问题在刚开始的时候很是困扰我,特别是刚学了一点 Node.js 那时候,在本地能跑了,但是怎么部署上去服务器让别人访问呢?很是彷徨了一段时间,直到找到了这个神奇的网站 Heroku(https://dashboard.heroku.com),只需要几行命令就可以把你的代码部署到线上,非常方便。刚开始的时候可以先不急着看这个东西,放心写,写好了肯定是可以部署到线上的 (~ ̄▽ ̄)~

具体怎么做可以看下文档:Node.js | Heroku Dev Center

2. Node.js 配合 Vue + Webpack 开发

用 vue-cli 配置好开发环境,看到 build 文件夹下的 dev-server.js 文件,这个开发服务器也是用 Node.js 的 express 框架跑起来的。


这样问题就好解决了。直接把你写的服务器模块导出,在 dev-server.js 里引用就可以了。这样你写的接口在开发的时候都可以直接用到。


顺手推荐一下这篇文章:Express 结合 Webpack 的全栈自动刷新

然后 Node.js 的和 Vue 的学习资料都比较多,我也是刚开始接触,这个就不多献丑了,主要是把这个思路给分享一下。
为什么?