https://github.com/biyuqi/fe-navigation
前端导航网站，优秀的前端资讯网站
https://github.com/biyuqi/fe-navigation
frontend-developer frontend-interview frontend-web navigation tech-blog
Last synced: about 1 year ago
JSON representation
前端导航网站，优秀的前端资讯网站
- Host: GitHub
- URL: https://github.com/biyuqi/fe-navigation
- Owner: BiYuqi
- Created: 2017-01-27T08:19:59.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T22:42:36.000Z (over 3 years ago)
- Last Synced: 2025-01-17T07:44:50.149Z (over 1 year ago)
- Topics: frontend-developer, frontend-interview, frontend-web, navigation, tech-blog
- Language: Vue
- Homepage: https://biyuqi.github.io/fe-navigation
- Size: 6.55 MB
- Stars: 21
- Watchers: 3
- Forks: 11
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [前端导航网](https://fe.loadingmore.com/)
> 前端导航云集高质量前端网站的内容，云集大量前端网站。优秀的前端资讯网站
## 贡献
- fork当前库
- clone到本地
- 创建分支
- 新增数据或功能
重点:
- 添加数据（`required`）
/jsondata/data 该目录是数据存放地,最后会生成`basedata.json`.
每个名字都是对应一个路由分类, eg: 最外层`javascript` 即是约定的路由名称，代码里会读取改名字进行渲染, 内部是数组，每个数组都有name, 作为分类依据分为`javascrip`和`jquery`两大类，字需要配置好该处，组件会自动渲染该数据
```js
{
"javascript": {
"javascript": [
{ name: "", link: ""}
],
"jquery": []
}
}
```
- 添加名称映射(`/config/keywordMapping.js`)
`/config/keywordMapping.js`,此处存放所有子目录的名称映射，需要添加
eg:
```js
'wechat-doc': '小程序文档'
```
- 路由(`/config/routesNameMapping.js`)
如果只是更新原有内容, 那就不必在乎路由这一环节，如果是想新增一级路由(新建了json文件)，则需要添加对应路由名称到`/config/routesNameMapping.js` 添加对应路由，以及侧边栏显示名字,此处用二维数组 `['javascript', 'Javascript']`
- 本地测试
```js
// start vue project
npm run serve
// watch the JSON file change then automatically create jsondata
npm run watch
```
## 本地使用
``` bash
# download
git clone https://github.com/BiYuqi/fe-navigation.git
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run serve
# build for production with minification
npm run build
```