npm 包 spork 使用教程

阅读时长 2 分钟读完

介绍

Spork 是一个简单易用的命令行工具,可以帮助开发者快速创建 React、Vue、Angular 等前端框架的脚手架,并集成了常用的开发工具和工具链,如 webpack、Babel、ESLint 等。Spork 可以快速构建基础项目结构,让开发者更专注于业务代码的编写。

安装

安装 Spork 可以使用 npm 或者 yarn:

或者

使用

创建项目

创建完项目之后,就可以在终端中进入项目目录并启动项目:

选项

Spork 还有一些配置选项,可以在创建项目时添加,例如使用 TypeScript:

更多选项请看 Spork 的文档:https://github.com/rluvaton/spork

示例

以创建一个基于 React 的项目为例:

创建完毕后,可以在项目目录中看到以下文件:

-- -------------------- ---- -------
-------------
--- ------------
--- ------
-   --- -----------
-   --- ----------
-   --- -------------
--- ---
-   --- -------
-   --- ------
-   --- -----------
-   --- ---------
-   --- --------
-   --- --------
-   --- ----------------
--- ----------
--- ------------
--- ---------
--- ---------

文件列表与 create-react-app 创建的项目非常相似。此时使用 npm start 启动项目,在浏览器中访问 http://localhost:3000/ 可以看到 react 的默认页面。

结语

Spork 是一个开发者友好的前端脚手架工具,可以快速创建项目基础结构,使开发者们可以更专注于业务代码的编写,降低项目初始开发阶段的对工具的配置和管理成本。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600670a18ccae46eb111f0c7

纠错
反馈