前端开发人员使用诸如 React、Angular 或 Vue 等框架来构建应用程序，常常会需要一个用于快速开发原型的样板套件。在本文中，我们将介绍 npm 包 Taco Bell Starter，一个可用于快速构建 Web 应用程序的 React 样板套件。
安装
Taco Bell Starter 是一个基于 React 创建的 NPM 包，你可以通过以下命令来安装：
npm install taco-bell-starter --save
使用
安装完成后，你只需要在你的应用程序中导入 Taco Bell Starter：
import React from 'react';
import ReactDOM from 'react-dom';
import App from 'taco-bell-starter';
ReactDOM.render(<App />, document.getElementById('root'));这将实例化并渲染 Taco Bell Starter 应用程序。现在你可以启动你的应用程序：
npm start
这将在浏览器中打开一个窗口，你将看到一个简单的欢迎页面。
构建
在你准备将你的应用程序推向生产环境之前，你需要将它构建出来。在 Taco Bell Starter 中，我们已经预先安装了 Webpack 和 Babel 工具链，因此，你只需要运行以下命令即可构建应用程序：
npm run build
这将构建你的应用程序，并将其部署到 dist 文件夹中。
自定义样式和组件
Taco Bell Starter 提供了样式和组件的自定义选项。要覆盖默认的样式，请创建一个自定义 scss 文件，并将其添加到你的应用程序中。
// custom.scss $primary-color: #00a1e4; @import '~taco-bell-starter/src/scss/index.scss';
接下来，你可以在应用程序组件中引入自定义的 SCSS 文件：
import React from 'react';
import ReactDOM from 'react-dom';
import App from 'taco-bell-starter/src/App';
import './custom.scss';
ReactDOM.render(<App />, document.getElementById('root'));如果你想要添加自定义组件，请首先创建一个新的组件，并将其放入 src/components 文件夹中。接下来，你可以在你的应用程序中使用它：
-- -------------------- ---- -------
-- --------------------
------ ----- ---- --------
----- ----------------- - -- -- -
-----
-- ------ ---------
------
--
------ ------- -------------------- -------------------- ---- -------
-- ------
------ ----- ---- --------
------ ----------------- ---- ---------------------------------
----- --- - -- -- -
-----
----------- -- ---- ---- ------------
------------------ --
------
--
------ ------- ----结论
Taco Bell Starter 提供了一个快速构建 Web 应用程序的样板套件。通过使用该样板套件，你可以避免从头开始构建新的应用程序，并减少项目启动时间。该样板套件还提供了自定义选项，可帮助你创建出与众不同的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe981e8991b448dd92d