仿掘金思路第一天

这是我参与[第四届青训营]笔记创作活动的第2天

在小组讨论后，我们决定使用vue作为框架。原因：vue作为当前流行的框架，有较好的项目经验；小组成员大都学了vue。

使用的技术

1. vue3.0(使用组合api的方式来开发)
2. vue-cli(项目脚手架)
3. axio（请求接口）
4. boostrap
5. element.ui

非路由组件

非路由组件有Header组件

项目进展

1. 项目的初始化，以及用脚手架搭建项目，在这过程中因为有以往的经验，所以没有出现报错。
2. 引入bootstrap在开始时没有出现问题，但是在写入样式后，报错；原因是没有less,less-loader；在查询各种方法后使用cmd去安装，但是还是有错误，如下： 代码： npm ERR! A complete log of this run can be found in: 仅展示以上代码，还有其他省略。 解决： 感觉这个像是因为安装的webpack版本和less-loader的版本冲突了 所以又执行了卸载less-loader： npm uninstall less-loade 卸载完成后重新执行：npm install webpack@4.0.0 --save-dev 执行成功！

这时候没有了less-loader，项目无法启动，所以还要解决less-loader和当前webpack版本冲突的问题 既然版本冲突就降低less-loader的版本就可以。

今日整体思路

1. 使用element.ui以及bootstrap构建组件，比如今天要做的头部。使用组件有以下好处：
   1. 解耦的思想，函数封装到组件内部执行
   2. 模块化，代码清晰，易于维护，迭代更新
   3. 复用性高
   4. 屏蔽逻辑，可以迅速定位问题

思考和总结

1. 虽然现在小组的讨论是以上的内容，但是对于第一次用vue做项目的我们来说，确实有许多要学的与探索的，开始的困难多，就会想解决办法，就可以学到更多知识。