前端第一天

  今天公司前端缺人,让我去支援前端,正好觉得后端做烦了,于是乎,跑前端打酱油来了。

  公司上来给我丢一个前端的框架,让我搭建起开发环境。那个项目用到了vue、nodejs 之类的语言,于是乎安环境跑程序。cmd下各种报错信息。不过最终还是磕磕绊绊装好了。

总结一下就是开发软件安装完之后(git/node.js/npm/tnpm)先去项目的src目录下输入tnpm install 然后项目根目录下输入tnpm install  最后 npm run dev 就好了,

你们用npm代替tnpm就好了。

  然后前端高工让我们随便写个页面试试水。通过研究发现,node、vue等前端框架、语言写的项目和php写的项目也是大同小异。首先有一个相当于源码包的文件夹,里面放的都是自己写的代码,外面、同级目录下有一些vue的源文件,在源码包里,有一个common目录,里面都是 公共文件 例如header footer sidebar(目录) 之类的公共文件,page目录下的文件里面都是普通的vue文件。 里面有template、script、style 分别放html内容、javascript、css,我先在目录上加入了个测试超链接(test) 刷新页面生效,然后根据其他文件的命名找命名规则,在page目录下写入对应的test显示文件,然而刷新后并没有生效,点击test超链接为空页面,反复强刷页面,确定不是写对了没生效,开始排查原因,仔细审视目录结构,有一个名为router的目录,中文为路由,怀疑可能有路由对应列表,打开一看,果不其然,按照它原来的格式,添加了一个路由表,刷新,完美呈现效果,反馈给前端高工,让我再尝试创建一个组件。继续。。。

原文地址:https://www.cnblogs.com/msp1992/p/7161432.html