Vue开发环境搭建

阳光穿透心脏的1/2处 2022-07-19 12:40 331阅读 0赞

一、业务介绍

公司业务比较偏向于电商平台,有以下几个模块:

  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

五、入门

没有比官方文档更好的了

http://cn.vuejs.org/guide/

不错的入门

http://www.imooc.com/article/details/id/6991

可以参考的:

http://www.cnblogs.com/Leo\_wl/p/5632703.html

看了一遍后,发现只是一些功能介绍,了解了其基本的使用方式,但是如何搞我说的需求那个复杂的项目,远远不够,于是看下尤神给的一些demo

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.html

http://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 条评论,331人围观)

还没有评论,来说两句吧...

相关阅读

    相关 vue开发环境

          原先以为vue和以前用的什么easyUi,echarts差不多,直接引入个js就可以使用,但是查了下相关文档后,需要的东西好多,安装好启动后差不多上午都快过去了,因