介绍
NPM 是一个非常重要的工具，它能够让我们更加高效地管理我们的 JavaScript 依赖库。而在 NPM 上，有一些非常好用的工具包被广泛使用，其中就有 create-jokio-app。本文将会介绍如何使用 create-jokio-app。
create-jokio-app 可以帮助我们快速地创建一个提供了基本 webpack、babel、ESLint 配置且集成了常用框架库（如 React、Vue、Angular 等）的项目模板。使用 create-jokio-app 可以极大地提高我们的开发效率。
安装
使用 NPM 安装 create-jokio-app：
npm install -g create-jokio-app
该命令会在全局安装 create-jokio-app，你可以在命令行中直接使用此工具。
创建新项目
创建新项目非常简单：
create-jokio-app my-app cd my-app npm start
以上命令将创建一个新的名为 my-app 的项目，并启动本地开发服务器。你可以通过以下地址在浏览器中访问该服务器：http://localhost:3000。此时，你将会看到一个基本的 React 应用程序页面。
以上页面就是一个基本的 React 应用程序页面。
项目结构
create-jokio-app 创建的项目包含了我们常用的目录结构。其中最重要的是 src 目录，它包含我们的应用程序代码。在该目录下，我们可以添加我们自己的组件、样式、脚本等等。
-- -------------------- ---- -------
-------
---------
-------------
------------
-------
----------
-----------
----
-------
------
-----------
---------
--------
--------配置项
在 create-jokio-app 中，你可以通过一些参数进行配置。
使用 TypeScript
通过添加 --typescript 参数，你可以创建一个 TypeScript 项目：
create-jokio-app my-app --typescript
使用 Redux
通过添加 --redux 参数，你可以创建一个包含了 Redux 的项目：
create-jokio-app my-app --redux
添加路由
通过添加 --router 参数，你可以创建一个包含了 React 路由的项目：
create-jokio-app my-app --router
指定框架库版本号
你可以通过添加 --react-version 或 --vue-version 参数来指定 create-jokio-app 创建的项目中的 React 或 Vue 版本：
create-jokio-app my-app --react-version=16.8.1 create-jokio-app my-app --vue-version=2.6.10
通过上述方法，你可以快速创建一个包含必要依赖、配置的新项目。
结论
create-jokio-app 可以让我们快速创建一个现代化的 Web 应用程序，并且它也提供了多个配置项供我们选择。使用 create-jokio-app 可以让我们更加高效地开发应用程序。
完整示例代码：https://github.com/jokio/create-jokio-app
感谢阅读，希望本文可以帮助你加快前端开发进程！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5351ab1864dac6693a