Vue开发环境搭建
一、业务介绍公司业务比较偏向于电商平台,有以下几个模块:1. C端用户注册与登录2. B端用户注册与B功能申请、审核、发布内容、下架内容3. C购买B端内容,订单流程,交易流程,财务流程,钱包功能4. 运营内容等等二、框架选择H5三端适配必然要考虑架构选择,从以下几个主要的帖子选择选择Vuejs:尤神的框架对比:http://cn.vuejs.org/guide/comparison.htmlht
一、业务介绍
公司业务比较偏向于电商平台,有以下几个模块:
1. C端用户注册与登录
2. B端用户注册与B功能申请、审核、发布内容、下架内容
3. C购买B端内容,订单流程,交易流程,财务流程,钱包功能
4. 运营内容
等等
二、框架选择
H5三端适配必然要考虑架构选择,从以下几个主要的帖子选择选择Vuejs:
尤神的框架对比:
http://cn.vuejs.org/guide/comparison.html
http://www.wtoutiao.com/p/A58WQt.html
尤神的知乎回复:
http://www.zhihu.com/question/31585377?rf=35892450
三框架对比:
http://www.cnblogs.com/leolovexx/p/5691402.html
三、人员招聘
前端面试了不下于30个人,都不是很合格,具体情况如下:
> 做前端的还是以布局为主,没有MVC,MVVM框架的思想
> JS深度不够,基础不牢靠,很多冒泡排序JS实现都有问题
> 太浮躁,张嘴15K,能力完全是初级水平,英文无法阅读文档,永远Baidu
> 解决问题能力比较差,基本是copy党
> 学习能力较差,新技术嗅觉没有,做了3年前端,还不知道目前流行框架
# 以上可以给新入门的前端工程师一些建议,想拿高薪的,上面的几点是必备。
由于是创业公司,没有办法,自己先搞,然后再找一些学习能力比较强的,只能自己培养了。
四、环境搭建
安装淘宝的cnpm,让你体验下载的极速
如果你真的按照引导来做的话,那你会很惨,虽然可以翻墙,但是速度也是慢的不行。建议使用Taobao的cnpm,速度非常快。
http://npm.taobao.org/
vuejs.org 官介,新手建议先看第一遍了解下,然后开始看它的Demo,遇到问题再看,我的感觉至少看三遍才算入门:
http://cn.vuejs.org/guide/installation.html如果想快速入手,直接vue-cli,用脚手架直接生成,最快。
https://github.com/vuejs/vue-cli
关于vue-clu的配置,参考官介:
http://vuejs-templates.github.io/webpack/structure.html
Webpack官介
http://webpack.github.io/docs/
webpack入门
http://www.cnblogs.com/Leo_wl/p/5679680.html
browserify入门
http://www.cnblogs.com/Leo_wl/p/5679556.html五、入门
https://github.com/vuejs/vue-hackernews
看的时候发现路由功能有点意思,于是看下路由的文档
http://router.vuejs.org/zh-cn/index.html
vue-resource详解
http://www.it165.net/pro/html/201607/72598.html
Vuex官方文档
http://vuex.vuejs.org/zh-cn/index.html
看完之后,基本上可以入门了,但是还是没有很清晰的设计思路,于是又找了一个比较复杂点的Demo
使用vue+webpack+gulp+vue-router实现了cnodejs的官方论坛
https://github.com/shinygang/Vue-cnodejs模仿蘑菇街写的单页应用:
https://github.com/andylei18/vue-shopping
另外一个完全按照官方的配置搞的cnodejs的Demo
使用了vue+webpack+vue-router+vuex实现
https://github.com/beilunyang/cnodejs-vue
在前期设计时,想结合现有的后台框架的路由功能,想使用vue实现多页设计,很不错的Demo
https://codeload.github.com/yaoyao1987/vue-cli-multipage/zip/master
其它参考资源:
整体介绍
http://www.cnblogs.com/Leo_wl/p/5665545.htmlhttp://www.cnblogs.com/Leo_wl/p/5645460.html
http://www.cnblogs.com/Leo_wl/p/5648899.html六、集成第三方后端框架
有Laravel框架的的示例:
http://vuejs-templates.github.io/webpack/backend.html
七、Vue常用库
https://github.com/vuejs/awesome-vue#ajaxdata
Webpack
http://greyby.github.io/vue-spinner/
更多推荐
所有评论(0)