（一）技术栈 ts + react-hooks + react-router-dom@5.2.0 + redux@^4.0.5 + react-redux + axios styled-components + echarts + antd redux-logger + redux-thunk 中间件 通过 create-react-app 脚手架构建 （二）主要功能 (1) 功能 - router menu breadcrumb 三合一 - 自定义hooks ( useFetch, useModal, useViewprot, useIntersectionObserve

Figma插件TypeScript样板可立即开始开发。 快速开始 选择以下方法之一来获得样板： 分叉此仓库。 在终端中执行以下命令： mkdir my-plugin cd my-plugin npx degit https://github.com/aarongarciah/figma-plugin-typescript-boilerplate 并将其解压缩到您的空插件文件夹中。 安装依赖 npm install 开发 :grinning_face_with_smiling_eyes: npm run dev 您需要安装Node和npm才能使用此样板。 它已在节点10、11、12和13中进行了测试。 发展历程 要开发Figma插件，您需要安装F

stylelint-formatter-pretty 一个漂亮的格式化 安装 使用 ： npm install --save-dev stylelint-formatter-pretty 使用： yarn add stylelint-formatter-pretty --dev 用法 Stylelint 命令行界面 stylelint file.css --custom-formatter=node_modules/stylelint-formatter-pretty grunt-stylelint import stylelintFormatter from 'stylelint-formatter-pretty' ; grunt . initConfig ( { stylelint : { options : { formatter : styl

Qimpl Stylelint配置 Qimpl Stylelint共享配置 用法 npx install-peerdeps --dev @ qimpl / stylelint-config 默认 有.stylelintrc.js作为默认用法 module . exports = { extends : '@qimpl/stylelint-config' , } ; 样式化的组件 有.stylelintrc.js用于样式组件 module . exports = { extends : '@qimpl/stylelint-config/styled-component' , } ;

长方形 盒子里的应用 目录 总览 专注于应用程序，而不是运维。 Rectangular是开发人员友好的前端系统，用于构建世界一流的Web应用程序。 它具有以下优点： 交互式installer 准系统application 强大的构建toolkit installer问您几个问题并下载准系统application 。 安装该application程序后，就可以使用它了。 一切都井井有条，可配置且易于操作。 构建toolkit用于帮助将所有内容组合在一起。 这些东西被烘烤成长方形： 您可以选择在安装过程中包括更多的东西： -Google的Material Design规范的UI组件

该项目是通过。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 更新到新版本 Create React App分为两个包： create-react-app是用于创建新项目的全局命令行实用程序。 react-scripts是所生成项目（包括此项目）中的开发依赖项。 您几乎几乎不需要更新create-react-app本身：它将所有设置委派给react-scripts 。 当您运行create-react-app ，它将始终使用最新版本的react-scripts创建项目，因此您将自动获得新创建的应用程序中的所有新功能和改进。 要将现有项目更新为

自以为是的盖茨比初学者 打字稿·开玩笑·测试库·故事书ESLint + airbnb·stylelint·remark-lint·漂亮提交人·提交人·语义释放支持Netlify的应用程序·GitHub操作·更新·TypoCI·支持PWA·Typography.js 盖茨比非常有思想的首发 这是具有常规提交的的复杂样板。 支持： :rocket: 快速开始 创建一个Gatsby网站。 首先，您需要在计算机上安装Gatsby CLI： $ npm i -g gatsby-cli 使用Gatsby CLI创建一个新站点，并指定一个启动器。 # create a new Gatsby site us

生成器-勒纳打字稿React Generator，用于存储库（ ）以及用于使用React和Typescript构建可重用组件库的单个软件包。 我们使用 ，这是用于无服务器monorepos的部署工具，可使用Git和NPM优化围绕多软件包存储库的工作流程。 生成父存储库的说明 这些说明在克隆和链接存储库之后开始。 注意：将来，它将通过私有NPM注册表进行安装 安装yeoman $ yarn global add yo 为您的项目创建目录并CD进入 $ mkdir monorepo-test-example $ cd monorepo-test-example 使用generator-l

用于定制前端的准系统样板。 与环境无关； 设置自己的后端和组件模板。 带有一些（易于删除）示例的极简组件体系结构。 和的依赖关系和工具。 用于构建的 。 ES6通过 。 仅对您的浏览器支持级别应用必要的转换。 现代DOM和功能。 使用和配置的JS 。 方便的修复脚本可以纠正整个项目中的大多数问题。 CSS样式为和配置。 ， 和处理供应商前缀，并允许使用尖端CSS语法。 一种更快，符合标准的替代方案，可替代Sass等预处理器。 使用现代图标。 包括作为可选的零配置开发服务器。 浏览器支持： 。 。 建立 对于开发工具和构建： 安装最新的 。 安装最新的 。 在终端的项目根目录中运行yarn 。 运行yarn run build:watch 。 在另一个选项卡中运行yarn run start 。 多田 确保您的编辑器支持： 。 Atom用户将安装 。 实时JS ，尊重package.json配置。 Atom用户安装 。 实时CSS ，尊重package.json配置。 Atom用户安装 。 检查示例组件后： 删除准系统示例和参考。

微匹配 javascript / node.js的全局匹配。 迷你匹配和多重匹配的替代品和更快的替代品。 请考虑关注该项目的作者 ，并考虑为该项目以显示您的 :red_heart_selector: 和支持。 目录 细节 安装 使用安装： $ npm install --save micromatch 快速开始 const micromatch = require ( 'micromatch' ) ; // micromatch(list, patterns[, options]); 包含字符串列表和一个或多个glob模式： console . log ( micromatch ( [ 'foo' , 'bar' , 'baz' , 'qux' ] , [ 'f*' , 'b*' ] ) ) //=> ['foo', 'bar', 'baz'] console . log ( micromatch ( [ 'foo' , 'bar' , 'baz' , 'qux' ] , [ '*' , '!b*' ] ) ) //=> ['foo', 'qux'] 使用进行布尔匹配：