前端脚手架、编译工具、框架官网笔记

待我称王封你为后i 2023-10-12 08:33 66阅读 0赞

### 1、与Vue相关的脚手架、编译工具、框架 ###

<table> 
 <thead> 
  <tr> 
   <th>工具</th> 
   <th>官网</th> 
   <th>简要说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Vue.js</td> 
   <td>https://vuejs.org/zh/</td> 
   <td>一套用于构建用户界面的渐进式JavaScript框架</td> 
  </tr> 
  <tr> 
   <td>Vue CLI</td> 
   <td>https://cli.vuejs.org/zh/</td> 
   <td>基于Vue.js的标准化工具，可快速搭建Vue项目</td> 
  </tr> 
  <tr> 
   <td>Vite</td> 
   <td>https://vitejs.dev/</td> 
   <td>一种新型前端构建工具，适用于小型至中型的项目</td> 
  </tr> 
  <tr> 
   <td>VuePress</td> 
   <td>https://vuepress.vuejs.org/zh/</td> 
   <td>一个基于Vue.js的静态网站生成器，可用于构建文档和博客等静态网站</td> 
  </tr> 
  <tr> 
   <td>Nuxt.js</td> 
   <td>https://nuxtjs.org/</td> 
   <td>基于Vue.js的服务端渲染应用框架，可用于构建服务器渲染应用、静态网站等</td> 
  </tr> 
  <tr> 
   <td>Element UI</td> 
   <td>https://element.eleme.io/</td> 
   <td>一套基于Vue.js 2.0的桌面端组件库，提供了常用的UI组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Ant Design Vue</td> 
   <td>https://www.antdv.com/docs/vue/introduce-cn/</td> 
   <td>一套基于Vue.js的企业级UI组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Vuetify</td> 
   <td>https://vuetifyjs.com/zh-Hans/</td> 
   <td>一套基于Vue.js的Material Design风格的组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Quasar Framework</td> 
   <td>https://quasar.dev/</td> 
   <td>一套基于Vue.js的跨平台框架，可用于构建Web、移动端、桌面端应用等，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Vue Router</td> 
   <td>https://router.vuejs.org/zh/</td> 
   <td>Vue.js官方的路由管理器，可用于构建单页应用的路由</td> 
  </tr> 
  <tr> 
   <td>Vuex</td> 
   <td>https://vuex.vuejs.org/zh/</td> 
   <td>Vue.js官方的状态管理库，可用于管理Vue.js应用的全局状态</td> 
  </tr> 
  <tr> 
   <td>Vue Test Utils</td> 
   <td>https://vue-test-utils.vuejs.org/zh/</td> 
   <td>Vue.js官方的单元测试工具库，可用于编写和运行Vue.js组件的单元测试</td> 
  </tr> 
  <tr> 
   <td>Vue Devtools</td> 
   <td>https://github.com/vuejs/vue-devtools</td> 
   <td>Vue.js官方的浏览器插件，可用于在浏览器中调试Vue.js应用</td> 
  </tr> 
  <tr> 
   <td>Vue Styleguidist</td> 
   <td>https://vue-styleguidist.github.io/</td> 
   <td>一款用于编写Vue.js组件文档和演示的工具，支持热重载和实时编辑</td> 
  </tr> 
  <tr> 
   <td>Vue I18n</td> 
   <td>https://kazupon.github.io/vue-i18n/zh/</td> 
   <td>一款用于国际化Vue.js应用的插件，支持多语言和动态切换语言</td> 
  </tr> 
  <tr> 
   <td>Vue Apollo</td> 
   <td>https://apollo.vuejs.org/zh/</td> 
   <td>一款用于在Vue.js应用中使用GraphQL的插件，集成了Apollo Client</td> 
  </tr> 
  <tr> 
   <td>Vue D3</td> 
   <td>https://github.com/ignoreintuition/vue-d3</td> 
   <td>一款用于在Vue.js应用中使用D3.js的插件，可用于数据可视化</td> 
  </tr> 
  <tr> 
   <td>Vue FilePond</td> 
   <td>https://pqina.nl/filepond/docs/patterns/frameworks/vue/</td> 
   <td>一款用于在Vue.js应用中添加文件上传功能的插件，支持多种文件上传方式</td> 
  </tr> 
 </tbody> 
</table>

### 2、与Electron相关的脚手架、编译工具、框架 ###

<table> 
 <thead> 
  <tr> 
   <th>工具</th> 
   <th>官网</th> 
   <th>简要说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Electron</td> 
   <td>https://www.electronjs.org/</td> 
   <td>一款使用HTML、CSS和JavaScript构建跨平台桌面应用的开源框架</td> 
  </tr> 
  <tr> 
   <td>Electron Builder</td> 
   <td>https://www.electron.build/</td> 
   <td>一款基于Electron的打包工具，可将Electron应用打包成可执行文件</td> 
  </tr> 
  <tr> 
   <td>Electron Forge</td> 
   <td>https://www.electronforge.io/</td> 
   <td>一款Electron应用的开发工具，提供了快速构建Electron应用的模板和插件</td> 
  </tr> 
  <tr> 
   <td>Electron React Boilerplate</td> 
   <td>https://electron-react-boilerplate.js.org/</td> 
   <td>一款Electron应用的开发模板，使用了React和Redux</td> 
  </tr> 
  <tr> 
   <td>Electron Vue</td> 
   <td>https://github.com/SimulatedGREG/electron-vue</td> 
   <td>一款Electron应用的开发模板，使用了Vue.js和Webpack</td> 
  </tr> 
  <tr> 
   <td>Photon</td> 
   <td>https://photonkit.com/</td> 
   <td>一套基于Electron的UI组件库，提供了常用的UI组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Spectron</td> 
   <td>https://www.electronjs.org/spectron</td> 
   <td>一款用于编写和运行Electron应用的端到端测试工具库，可用于测试Electron应用的UI和行为</td> 
  </tr> 
 </tbody> 
</table>

### 3、与React相关的脚手架、编译工具、框架 ###

<table> 
 <thead> 
  <tr> 
   <th>工具</th> 
   <th>官网</th> 
   <th>简要说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>React</td> 
   <td>https://reactjs.org/</td> 
   <td>一套用于构建用户界面的JavaScript库</td> 
  </tr> 
  <tr> 
   <td>Create React App</td> 
   <td>https://create-react-app.dev/</td> 
   <td>基于React的标准化工具，可快速搭建React项目</td> 
  </tr> 
  <tr> 
   <td>Next.js</td> 
   <td>https://nextjs.org/</td> 
   <td>基于React的服务端渲染应用框架，可用于构建服务器渲染应用、静态网站等</td> 
  </tr> 
  <tr> 
   <td>Gatsby</td> 
   <td>https://www.gatsbyjs.com/</td> 
   <td>基于React的静态网站生成器，可用于构建文档和博客等静态网站</td> 
  </tr> 
  <tr> 
   <td>Ant Design</td> 
   <td>https://ant.design/</td> 
   <td>一套基于React的企业级UI组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Material-UI</td> 
   <td>https://material-ui.com/</td> 
   <td>一套基于React的Material Design风格的组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Semantic UI React</td> 
   <td>https://react.semantic-ui.com/</td> 
   <td>一套基于React的UI组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Redux</td> 
   <td>https://redux.js.org/</td> 
   <td>一款用于管理React应用状态的JavaScript库</td> 
  </tr> 
  <tr> 
   <td>React Router</td> 
   <td>https://reactrouter.com/</td> 
   <td>React官方的路由管理器，可用于构建单页应用的路由</td> 
  </tr> 
  <tr> 
   <td>Enzyme</td> 
   <td>https://enzymejs.github.io/enzyme/</td> 
   <td>一款用于编写和运行React组件的单元测试工具库</td> 
  </tr> 
  <tr> 
   <td>Storybook</td> 
   <td>https://storybook.js.org/</td> 
   <td>一款用于编写React组件文档和演示的工具，支持热重载和实时编辑</td> 
  </tr> 
  <tr> 
   <td>React Intl</td> 
   <td>https://formatjs.io/docs/react-intl/</td> 
   <td>一款用于国际化React应用的插件，支持多语言和动态切换语言</td> 
  </tr> 
  <tr> 
   <td>React Native</td> 
   <td>https://reactnative.dev/</td> 
   <td>一套用于构建原生移动应用的React框架</td> 
  </tr> 
 </tbody> 
</table>

### 4、与Angular相关的脚手架、编译工具、框架 ###

<table> 
 <thead> 
  <tr> 
   <th>工具</th> 
   <th>官网</th> 
   <th>简要说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Angular</td> 
   <td>https://angular.io/</td> 
   <td>一套用于构建Web应用的框架</td> 
  </tr> 
  <tr> 
   <td>Angular CLI</td> 
   <td>https://cli.angular.io/</td> 
   <td>基于Angular的标准化工具，可快速搭建Angular项目</td> 
  </tr> 
  <tr> 
   <td>Ionic</td> 
   <td>https://ionicframework.com/</td> 
   <td>一套用于构建混合移动应用的框架，基于Angular</td> 
  </tr> 
  <tr> 
   <td>ngx-admin</td> 
   <td>https://akveo.github.io/ngx-admin/</td> 
   <td>一套基于Angular的企业级后台管理系统UI框架，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>Angular Material</td> 
   <td>https://material.angular.io/</td> 
   <td>一套基于Angular的Material Design风格的组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>PrimeNG</td> 
   <td>https://www.primefaces.org/primeng/</td> 
   <td>一套基于Angular的UI组件库，提供了丰富的组件和交互效果</td> 
  </tr> 
  <tr> 
   <td>RxJS</td> 
   <td>https://rxjs.dev/</td> 
   <td>一款用于处理异步数据流的JavaScript库</td> 
  </tr> 
  <tr> 
   <td>NgRx</td> 
   <td>https://ngrx.io/</td> 
   <td>一款用于管理Angular应用状态的JavaScript库</td> 
  </tr> 
  <tr> 
   <td>Angular Router</td> 
   <td>https://angular.io/guide/router</td> 
   <td>Angular官方的路由管理器，可用于构建单页应用的路由</td> 
  </tr> 
  <tr> 
   <td>Protractor</td> 
   <td>https://www.protractortest.org/</td> 
   <td>一款用于编写和运行Angular应用的端到端测试工具库，可用于测试Angular应用的UI和行为</td> 
  </tr> 
 </tbody> 
</table>