从本篇博客开始,苏南大叔开始写reactjs入门系列教程。reactjs断断续续也用了有两年多时间了,从0.x版本,一直到现在的16.x系列,感觉这个reactjs是发展的非常迅猛啊。react入门系列博客,针对读者受众就是reactjs小白读者,所以reactjs的高手们请自动飘过。

苏南大叔:如何利用 create-react-app 新建一个简单 react 项目 - 001
如何利用 create-react-app 新建一个简单 react 项目(图8-1)

本文先说一下,如何搞定一个最简单的reactjs的可运行demo,入门范例就讲究一个简单和快速。本文测试环境是:win10。其余的依赖库是:create-react-app@2.1.2react@16.6.3react-dom@16.6.3react-scripts@2.1.1

安装基本环境

不用npm init,不用下载reactreact-dom。仅仅需要全局安装create-react-app工具即可。

create-react-appfacebook官方出品的reactjs的脚手架工具,可以帮助大家快速建立一个简单可用的react的范例。这个create-react-app工具,对于开发reactjs来说,也并不是必须的,仅仅是个辅助快速建立模板工程的作用。全局安装这款脚手架即可:

npm install create-react-app -g

安装完成之后,可以使用下面的命令来查看版本号。

create-react-app --version

苏南大叔:如何利用 create-react-app 新建一个简单 react 项目 - create-react-app
如何利用 create-react-app 新建一个简单 react 项目(图8-2)

结论

本文的方法,是最快速入手react的方法,小白零基础入门即可。随着对代码的分析学习,以后就可以不用这种方法创建项目了。项目层次就提高了,不是嘛?

更多reactjs项目经验,请参见苏南大叔的经验文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   react

本站的忠实读者小伙伴,正在阅读下面这些文章: