肉眼品世界导读: 没错,我也是一个后端,我也是一个曾经不想写前端的人;由于偶尔在外做技术顾问赚点儿外快,创业公司居多,人家全是node.js,vue,看在钱的面子上,硬上呀;如果你还没有学过前端,便不能更称职的成为一个人技术leader,当然这一切建立在你对本职后端工作比较得心应手的基础上 ;vue是创业公司前端的不二选择,这里就系统化的讲一下vue相关入门操作 ,相关知识点很多地方找不到的哦,记得转发
更多优质内容请关注微信公众号“肉眼品世界”(ID:find_world_fine),深度价值体系传递
我是后端我不干前端的活儿
项目经理:看看这个地方是什么问题,不显示数据?
我:我这里用postman接口都请求通了,和后端没关系
项目经理:前端同学,你看看这个地方不显示数据是不是需要查看一下?
前端:omg, 我看看
过了半天,测试继续跟进:好像没动静也没提交代码,omg
项目经理一看,急了,再不上线老板得打人了
.....一番理论过后,发现后端的同学干活儿快,看看前端的问题是可以的
然后对项目经理对后端说:“干活儿这么利索,看看前端是可以的,下班后请你吃顿大餐”
后端说:我只认真学后端,后端还没学精呢(心里其实是想烫手的山芋我还不想接呢)
项目经理并不认怂,通知:相关人今天通宵加班
通宵两三天后,还是不行
项目经理认怂了,给老板如实汇报
后面来了一个更好的前端,也来了一个愿意偶尔帮点忙做前端的后端,没多久就升职了
问题就摆在那,解不解决都在摆在那,让老板来解决就不好了人就这么多,所以有富裕精力的同学稍微能了解一下前端,其实都差不多,你就拥有更出色的竞争力
下面就几个初步搭建vue,uiapp框架常见遇到的坑做一下梳理,方便大家快速上手
光会vue还不行,得学会体系化思维,要解决vue这一个体系的事情,从vue环境搭建,到文档规范,到代码规划,到部署上线,这样一件事公司交给你,会觉得放心,这里仅仅从纯技术方面展开,文档规范和代码规范
文档管理工具
有人wiki工具有哪些
confluence,showdoc,redmine,tapd每个工具都很强大,看个人喜欢
confluence做api接口列表,看起来比较美观,用得比较多
redmine强大的集成项目管理各方面功能比较强大
showdoc简易功能齐全
tapd常用功能和项目管理,bug管理都比较完善了,一般可以直接使用
api接口文档
做前端第一个就得让后端把api接口定出来,当然自己也要理解业务能协助后端一起把api接口字段对得准确,前期准备越充分,后期扯皮越少
java用swagger等工具自动生成
showdoc也有自动生成api接口文档的功能,没错,直接用
php也是有的,反射一下读取类的注释,都是这么搞的
架构设计文档
这个每家公司都有自己的搞法,但是重要的设计必不可少,五视图和uml要做得怎么样灵活把我,以大家好信息同步,新人上手一看即懂为止
其他文档
新人入职手册(账号、权限、常用软件),服务器列表,项目对应域名与仓库,软件版本规范等等
知识管理中心
除了日常的各种文档,流程,api接口之外,另外一个非常重要的因素,其实好多时候被忽略了,那就是知识管理中心,一些很常用有用的东西都分门别类的额放到文档中心,时间久了,这个强大的力量可能远超一个leader口头说了,沉淀下来的东西是最好的
node js环境搭建
我是喜欢一般到官网下载的http://nodejs.cn/,下载之前先看公司wiki版本规范,或者问一下同事,nodejs这东西不同版本下的表现不一样,到时可别发现各种问题还不知道情况,下载后:
vi /etc/profile
#加上:末尾 export PATH=$PATH:/usr/local/node/bin
source /etc/profile
#查看是否设置成功
node -v
别说我第一次上手还被坑了, 还有一种方式就是通过nvm安装了,nvm用于管理node版本,也就是可以任意版本切换的,omg,原来还有这个好东西,至于nvm怎么安装,百度一下,小编就不写了
安装好了是不是觉得挺high的,正当你npm install时,你发现my god,怎么到处报错,没事这个时候百度还是挺好用的,虽然google可能更好,root账户运行的时候需要加上:
npm install --production --unsafe-perm=true --allow-root
加上它界面上给你报错报的就是no access啥的,哈哈,可别按照字面意思直接硬杠,百度一下有时还是挺好使的,大多数软件为了安全问题是避免使用root账户执行的,别继续加个777,也是没用的
当你安装错了版本,好不容易换上新的版本来npm install时,满怀希望,结果咔嚓还是报错,莫慌,先把目录下的 node_modules删除,再npm run start 一下,你可以发现哇撒ÿ