# FEMB

**Repository Path**: jay6697117/FEMB

## Basic Information

- **Project Name**: FEMB
- **Description**: 前端书签网，前端工程师学习路径的减熵网
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-02-21
- **Last Updated**: 2022-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FEBM

## 缘起

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

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

让人不禁思考，能不能做点什么,来规范在[前端路径](https://roadmap.sh/frontend)学习过程中收集的书签？

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

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

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

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

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

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

## 项目安装

```
npm install
```

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

## 开发日志
### Vuecli3
利用脚手架 Vue cli3 搭建
### vue-router
新增路由
### scss
新增scss
### 实现二级目录
### 页面滑动
```
npm install swiper vue-awesome-swiper --save
```
### bookmark-file-parser（重要）
nodeReadBM.js 将从浏览器导出的书签把内容写入到项目中，并且匹配到对应的二级目录（已实现）
### npm run 
npm run 同时执行多行命令，调整node.js的目录
### 多页面配置
配置 vue.config.js 入口，启用多页面
### icon-svg
新增 icon-svg
### style
样式调整