介绍
Spork 是一个简单易用的命令行工具,可以帮助开发者快速创建 React、Vue、Angular 等前端框架的脚手架,并集成了常用的开发工具和工具链,如 webpack、Babel、ESLint 等。Spork 可以快速构建基础项目结构,让开发者更专注于业务代码的编写。
安装
安装 Spork 可以使用 npm 或者 yarn:
npm install -g spork
或者
yarn global add spork
使用
创建项目
spork create my-project
创建完项目之后,就可以在终端中进入项目目录并启动项目:
cd my-project && npm start
选项
Spork 还有一些配置选项,可以在创建项目时添加,例如使用 TypeScript:
spork create my-project --typescript
更多选项请看 Spork 的文档:https://github.com/rluvaton/spork
示例
以创建一个基于 React 的项目为例:
spork create react-project
创建完毕后,可以在项目目录中看到以下文件:
-- -------------------- ---- ------- ------------- --- ------------ --- ------ - --- ----------- - --- ---------- - --- ------------- --- --- - --- ------- - --- ------ - --- ----------- - --- --------- - --- -------- - --- -------- - --- ---------------- --- ---------- --- ------------ --- --------- --- ---------
文件列表与 create-react-app 创建的项目非常相似。此时使用 npm start
启动项目,在浏览器中访问 http://localhost:3000/ 可以看到 react 的默认页面。
结语
Spork 是一个开发者友好的前端脚手架工具,可以快速创建项目基础结构,使开发者们可以更专注于业务代码的编写,降低项目初始开发阶段的对工具的配置和管理成本。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600670a18ccae46eb111f0c7