对于没有使用过React的同学总觉得它複杂但在现实中,使用React并不困难就我个人而言,学习React应该基于创建项目特定类型的设置细节之上(比如Webpack、Redux、ES6、JSX、Babel等)而不是一下子就去忙于理解所有的设置项。
在这篇文章中列出了有关于React方面的七种设置大部分的设置我都将会向大家展示,但总的来说这并不困难。接丅来的内容从简单到复杂介绍React的设置。
方法1:只使用React不使用JSX
接下来分七个步骤来介绍整个实现过程。或者使用Github上预设的代码根据下面㈣个步骤来完成整个设置
第一步:确定安装了ponent {
步骤六: 使用jspm-cli安装开发包
在你项目根目录下运行下面的jspm-cli命令:
更新后的jspm_packagees
目录结构看起来像下面这样:
打开package.json
文件,代码看起来像下面这样:
在你项目根目录下运行下面的jspm-cli命令:
如果你遵循所有的步骤操作并且没有出错的话,那么Browsersync应该会打开浏览器在http://localhost:4000地址将加载index.html
和app.js
文件而且所做的任何修改Browsersync将会自动刷新浏览器。
SystemJS/jspm提供了一个捆绑模式打开一个新的命令窗口,并且在项目根目录下运行下面的npm
命令:
如果要解除捆绑模式可以执行下面的命令:
希望上面这七种有关于React的開发配置对你学习React有所帮助。一切学习都是从最基本的开始掌握了基础配置之后,就可以在这个配置环境上使用React然后学习有关于React更复雜的技能。
本文根据的《》所译整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点如需转载此译文,需注明英文出处:
如需转载,烦请注明出处:
}