做前端开发至今，收藏过不少网站链接作为浏览器书签。随着时间的推移，收集的链接越来越多，书签的整理难度越来越大，冗余和不规范也越来越多。

回首一看，已收集了上千书签链接。

让人不禁思考，能不能做点什么,来规范在前端路径学习过程中收集的书签？

1. 可以让自己在路径学习中更加系统化。
2. 遇到问题可以快速定位到一个解决链接（也能快速地分享给同伴）。
3. 一串简单的 URL，就能将你传送到一个新的世界，打开视野。

之前在掘金上发布过一篇文章作为一个卑微的前端仔，我收集了哪些网站链接？。每隔一段时间，都会新增一两个赞，让我想兑现结语的那段话

后续仍会持续更新，您的点赞是我坚持下去的动力。或将更改展现形式，以期梳理自我和方便大家。期待交流和建议！

一个人的力量实在太小，且水平有限，只得抛砖引玉。

最终希望实现：前端工程师们可以将各自浏览器书签添加到这个项目中，共同努力，做一个规范、有效的“前端书签”网站。

TODO：

1. 根据前端 roadmap 整理生成二级目录。
2. 每个子目录将有链接单元，暂定要素包括：图表、标题、描述。
3. 提供全局搜索功能。
4. 增加排序功能或热榜列表。
5. 增加个人中心。
6. 更多......

npm install

你可以将你的浏览器书签导出，然后替换 /data/bm.html 这个文件，再运行以下命令即可。

npm run febm

利用脚手架 Vue cli3 搭建

新增路由

新增scss

npm install swiper vue-awesome-swiper --save

nodeReadBM.js 将从浏览器导出的书签把内容写入到项目中，并且匹配到对应的二级目录（已实现）

npm run 同时执行多行命令，调整node.js的目录

配置 vue.config.js 入口，启用多页面

新增 icon-svg

样式调整