简介
create-react-nkia-app是一个基于create-react-app的npm包，它为React开发者提供了一个快速创建React项目的环境。create-react-nkia-app相比于create-react-app，更加注重一些企业级开发需求的封装，如：组件库，Mock数据支持，国际化等。本文主要是介绍如何使用npm包create-react-nkia-app快速创建一个React项目，并且完成前端开发过程。
创建一个React项目
为了使用create-react-nkia-app，我们首先需要全局安装它。打开终端并输入以下命令：
--- - -- ---------------------
安装完成后，我们就可以使用create-react-nkia-app了。
在终端中输入如下命令，创建一个名为my-app的React项目：
--------------------- ------
命令执行完成后，create-react-nkia-app就会在当前目录下创建一个名为my-app的React项目。
我们可以使用以下命令进入项目，并启动它：
-- ------ --- -----
启动成功后，我们就可以在浏览器中访问http://localhost:3000来访问我们的React项目了。
开始开发
create-react-nkia-app已经将React项目的基础开发环境搭建好了，我们只需要直接开始进行React组件的开发即可。
上文提到，create-react-nkia-app更注重企业级开发的封装，下面是一些常用的功能的使用方法。
组件库
create-react-nkia-app内置了阿里的Ant Design组件库，我们可以直接使用它来快速开发我们的React组件。
在src/index.js文件中，我们可以按照以下方式引用Ant Design的Button组件：
------ -------- ---- -------
Mock数据
开发过程中，我们经常需要一个假数据来模拟API接口的返回。create-react-nkia-app内置了MirageJS库，它可以帮助我们快速生成Mock数据，同时支持HTTP请求的拦截。
在src/index.js文件中，我们可以按照以下方式使用MirageJS：
------ -------------- ---- -----------
--------------
-------- -
---------------------- -- -- -
------ -
- --- -- ----- ------ --
- --- -- ----- ------ -
--
---
-
---国际化
create-react-nkia-app内置了React Intl组件库来支持应用的国际化。结合Ant Design的组件库，我们可以快速实现应用的多语言。
在src/index.js文件中，我们可以按照以下方式使用React Intl：
------ ---------------- ---- -------
------ ---- ---- -----------------------
------ --------------- ------------- ---- -------------
------ -- ---- ----------------------------
-----------------------
----------------
--------------- --------------
------------- ------------
------
---------------
------------------ ---------------------------------构建
我们在开发完React项目后，可以使用以下命令打包我们的应用：
--- --- -----
打包完成后，create-react-nkia-app会在build目录下生成静态文件，我们就可以将它们部署到服务端了。
总结
create-react-nkia-app是一个强调企业级需求封装的npm包，封装了一些常用的功能如：组件库，Mock数据，国际化等。使用create-react-nkia-app我们可以快速创建一个React项目并进行开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005630881e8991b448e0e2a