Skip to content

Commit cc7d78e

Browse files
zxkvzxkv
committed
docs: 添加多个前端相关资源链接到文档
添加 Nuxt.js、Webpack、Rollup、Turbopack、Docusaurus、Storybook、Dumi 等多个前端框架和工具的链接 更新 Element-Plus 的图标链接 新增 CSS 框架、Node.js 生态和代码静态部署平台分类
1 parent 69cfa6a commit cc7d78e

File tree

1 file changed

+238
-1
lines changed

1 file changed

+238
-1
lines changed

‎docs/web/data/index.js‎

Lines changed: 238 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,12 @@ export const link_web = [
4444
link: "https://pinia.vuejs.org/zh/",
4545
icon: "https://pinia.vuejs.org/logo.png",
4646
desc: "值得你喜欢的 Vue Store，Vue 官方推荐的状态管理库"
47+
},
48+
{
49+
name: "Nuxt.js",
50+
link: "https://nuxt.com/",
51+
icon: "https://nuxt.com/icon.png",
52+
desc: "Vue.js 的通用应用框架，支持SSR和静态站点生成"
4753
}
4854
]
4955
},
@@ -73,6 +79,24 @@ export const link_web = [
7379
link: "https://rspack.dev/zh/",
7480
icon: "https://assets.rspack.dev/rspack/favicon-128x128.png",
7581
desc: "基于 Rust 的高性能 Web 打包工具"
82+
},
83+
{
84+
name: "Webpack",
85+
link: "https://webpack.js.org/",
86+
icon: "https://webpack.js.org/icon_180x180.png",
87+
desc: "静态模块打包工具，适用于现代 JavaScript 应用程序"
88+
},
89+
{
90+
name: "Rollup",
91+
link: "https://rollupjs.org/",
92+
icon: "https://rollupjs.org/favicon.png",
93+
desc: "JavaScript 模块打包器，适用于库和应用程序"
94+
},
95+
{
96+
name: "Turbopack",
97+
link: "https://turbo.build/pack",
98+
icon: "https://turbo.build/images/favicon-dark/apple-touch-icon.png",
99+
desc: "基于 Rust 的增量打包工具，Webpack 的继任者"
76100
}
77101
]
78102
},
@@ -90,6 +114,24 @@ export const link_web = [
90114
link: "https://vitepress.dev/zh/",
91115
icon: "https://vitepress.dev/vitepress-logo-large.svg",
92116
desc: "VitePress | 由 Vite 和 Vue 驱动的静态站点生成器"
117+
},
118+
{
119+
name: "Docusaurus",
120+
link: "https://docusaurus.io/zh-CN",
121+
icon: "https://docusaurus.io/img/docusaurus.ico",
122+
desc: "基于 React 的静态网站生成器，专注于文档网站"
123+
},
124+
{
125+
name: "Storybook",
126+
link: "https://storybook.js.org/",
127+
icon: "https://storybook.js.org/icon.svg",
128+
desc: "UI 组件开发和文档工具"
129+
},
130+
{
131+
name: "Dumi",
132+
link: "https://d.umijs.org/",
133+
icon: "https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png",
134+
desc: "基于 Umi 的组件/文档研发工具"
93135
}
94136
]
95137
},
@@ -99,7 +141,7 @@ export const link_web = [
99141
{
100142
name: "Element-Plus",
101143
link: "https://cn.element-plus.org/zh-CN/",
102-
icon: "https://cn.element-plus.org/apple-touch-icon.png",
144+
icon: "https://element.eleme.cn/favicon.ico",
103145
desc: "基于 Vue 3，面向设计师和开发者的组件库"
104146
},
105147
{
@@ -125,6 +167,30 @@ export const link_web = [
125167
link: "https://tdesign.tencent.com/vue-next/overview",
126168
icon: "https://tdesign.tencent.com/favicon.ico",
127169
desc: "TDesign 适配桌面端的组件库，适合在 vue3.x 技术栈项目中使用。"
170+
},
171+
{
172+
name: "Naive UI",
173+
link: "https://www.naiveui.com/zh-CN",
174+
icon: "https://www.naiveui.com/assets/naivelogo-93278402.svg",
175+
desc: "一个 Vue 3 组件库，比较完整，主题可调，使用 TypeScript"
176+
},
177+
{
178+
name: "Vant",
179+
link: "https://vant-ui.github.io/vant/",
180+
icon: "https://fastly.jsdelivr.net/npm/@vant/assets/logo.png",
181+
desc: "轻量、可靠的移动端 Vue 组件库"
182+
},
183+
{
184+
name: "Vuetify",
185+
link: "https://vuetifyjs.com/zh-Hans/",
186+
icon: "https://vuetifyjs.com/favicon.ico",
187+
desc: "Material Design 风格的 Vue UI 组件库"
188+
},
189+
{
190+
name: "PrimeVue",
191+
link: "https://primevue.org/",
192+
icon: "https://primevue.org/favicon.ico",
193+
desc: "功能丰富的开源 Vue UI 组件库"
128194
}
129195
]
130196
},
@@ -148,6 +214,18 @@ export const link_web = [
148214
link: "https://gitee.com/",
149215
icon: "https://gitee.com/favicon.ico",
150216
desc: "国内领先的企业级研发效能和开源代码托管平台"
217+
},
218+
{
219+
name: "GitLab",
220+
link: "https://gitlab.com/",
221+
icon: "https://gitlab.com/assets/favicon-72a2cad5025aa931d6ea56c3201d1f18e68a8cd39788c7c80d5b2b82aa5143ef.png",
222+
desc: "完整的 DevOps 平台，提供代码托管、CI/CD 等功能"
223+
},
224+
{
225+
name: "Bitbucket",
226+
link: "https://bitbucket.org/",
227+
icon: "https://bitbucket.org/favicon.ico",
228+
desc: "Atlassian 旗下的代码托管平台，与 Jira 等工具集成"
151229
}
152230
]
153231
},
@@ -177,6 +255,30 @@ export const link_web = [
177255
link: "https://ant.design/index-cn",
178256
icon: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",
179257
desc: "企业级产品设计体系，创造高效愉悦的工作体验"
258+
},
259+
{
260+
name: "Redux",
261+
link: "https://cn.redux.js.org/",
262+
icon: "https://cn.redux.js.org/img/redux.svg",
263+
desc: "JavaScript 应用的状态容器，提供可预测的状态管理"
264+
},
265+
{
266+
name: "MobX",
267+
link: "https://zh.mobx.js.org/",
268+
icon: "https://zh.mobx.js.org/assets/mobx.png",
269+
desc: "简单、可扩展的状态管理库"
270+
},
271+
{
272+
name: "Gatsby",
273+
link: "https://www.gatsbyjs.com/",
274+
icon: "https://www.gatsbyjs.com/icons/icon-512x512.png",
275+
desc: "基于 React 的静态网站生成器，性能优异"
276+
},
277+
{
278+
name: "Material-UI",
279+
link: "https://mui.com/zh/",
280+
icon: "https://mui.com/static/favicon.ico",
281+
desc: "实现 Google Material Design 的 React 组件库"
180282
}
181283
]
182284
},
@@ -206,6 +308,141 @@ export const link_web = [
206308
link: "https://stackoverflow.com/",
207309
icon: "https://stackoverflow.com/favicon.ico",
208310
desc: "全球最大的技术问答社区"
311+
},
312+
{
313+
name: "CodePen",
314+
link: "https://codepen.io/",
315+
icon: "https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.png",
316+
desc: "前端代码在线编辑与分享平台"
317+
},
318+
{
319+
name: "CSS-Tricks",
320+
link: "https://css-tricks.com/",
321+
icon: "https://css-tricks.com/favicon.ico",
322+
desc: "CSS 技巧和教程网站"
323+
},
324+
{
325+
name: "V8.dev",
326+
link: "https://v8.dev/",
327+
icon: "https://v8.dev/favicon.ico",
328+
desc: "V8 JavaScript 引擎官方博客"
329+
}
330+
]
331+
},
332+
{
333+
category: "CSS 框架",
334+
links: [
335+
{
336+
name: "Tailwind CSS",
337+
link: "https://tailwindcss.com/",
338+
icon: "https://tailwindcss.com/favicons/apple-touch-icon.png",
339+
desc: "功能类优先的 CSS 框架，用于快速构建自定义设计"
340+
},
341+
{
342+
name: "Bootstrap",
343+
link: "https://getbootstrap.com/",
344+
icon: "https://getbootstrap.com/docs/5.3/assets/img/favicons/apple-touch-icon.png",
345+
desc: "全球最流行的 HTML、CSS 和 JS 库，用于开发响应式布局"
346+
},
347+
{
348+
name: "Bulma",
349+
link: "https://bulma.io/",
350+
icon: "https://bulma.io/favicons/favicon-32x32.png",
351+
desc: "基于 Flexbox 的现代 CSS 框架"
352+
},
353+
{
354+
name: "Windi CSS",
355+
link: "https://windicss.org/",
356+
icon: "https://windicss.org/assets/logo.svg",
357+
desc: "下一代实用工具优先的 CSS 框架"
358+
},
359+
{
360+
name: "UnoCSS",
361+
link: "https://unocss.dev/",
362+
icon: "https://unocss.dev/favicon.svg",
363+
desc: "即时按需的原子化 CSS 引擎"
364+
}
365+
]
366+
},
367+
{
368+
category: "Node.js 生态",
369+
links: [
370+
{
371+
name: "Node.js",
372+
link: "https://nodejs.org/zh-cn",
373+
icon: "https://nodejs.org/static/images/favicons/favicon.png",
374+
desc: "基于 Chrome V8 引擎的 JavaScript 运行时"
375+
},
376+
{
377+
name: "Express",
378+
link: "https://expressjs.com/zh-cn/",
379+
icon: "https://expressjs.com/images/favicon.png",
380+
desc: "快速、unopinionated 的 Node.js Web 框架"
381+
},
382+
{
383+
name: "Koa",
384+
link: "https://koajs.com/",
385+
icon: "https://koajs.com/public/images/koa-logo.png",
386+
desc: "由 Express 团队设计的新一代 Web 框架"
387+
},
388+
{
389+
name: "Nest.js",
390+
link: "https://nestjs.com/",
391+
icon: "https://nestjs.com/img/logo-small.svg",
392+
desc: "用于构建高效、可靠和可扩展的服务器端应用程序的框架"
393+
},
394+
{
395+
name: "Deno",
396+
link: "https://deno.land/",
397+
icon: "https://deno.land/favicon.ico",
398+
desc: "JavaScript 和 TypeScript 的安全运行时"
399+
},
400+
{
401+
name: "Bun",
402+
link: "https://bun.sh/",
403+
icon: "https://bun.sh/favicon.ico",
404+
desc: "快速的 JavaScript 运行时、打包工具和包管理器"
405+
}
406+
]
407+
},
408+
{
409+
category: "代码静态部署平台",
410+
links: [
411+
{
412+
name: "Vercel",
413+
link: "https://vercel.com/",
414+
icon: "https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/180x180.png",
415+
desc: "为前端团队打造的平台，提供极佳的开发体验"
416+
},
417+
{
418+
name: "Netlify",
419+
link: "https://www.netlify.com/",
420+
icon: "https://www.netlify.com/v3/static/favicon/apple-touch-icon.png",
421+
desc: "用于自动化现代 web 项目的一体化平台"
422+
},
423+
{
424+
name: "GitHub Pages",
425+
link: "https://pages.github.com/",
426+
icon: "https://pages.github.com/favicon.ico",
427+
desc: "GitHub 提供的静态站点托管服务"
428+
},
429+
{
430+
name: "Cloudflare Pages",
431+
link: "https://pages.cloudflare.com/",
432+
icon: "https://pages.cloudflare.com/favicon.ico",
433+
desc: "Cloudflare 的 JAMstack 平台，用于前端开发者协作"
434+
},
435+
{
436+
name: "Render",
437+
link: "https://render.com/",
438+
icon: "https://render.com/favicon.ico",
439+
desc: "统一平台，构建和运行所有应用和网站"
440+
},
441+
{
442+
name: "Surge",
443+
link: "https://surge.sh/",
444+
icon: "https://surge.sh/favicon.ico",
445+
desc: "面向前端开发者的静态网站发布工具"
209446
}
210447
]
211448
}

0 commit comments

Comments
 (0)