React开发环境配置(方式一)

React开发环境配置

标签(空格分隔): React


网上看了一些配置方法,感觉太复杂。很多都包含了开发工具的搭建,其实不太适合初学者来看。以下是自己在本地搭建的一个开发环境的步骤。很简单。

准备资源

下载ReactDemo

https://github.com/ruanyf/react-demos

将其中的build文件夹拖拽到项目中即可。

如果build文件夹中没有包含browser.min.js,那么需要访问https://cdnjs.com/并且搜索browser.min.js找到babel-core文件并下载,拖拽到build文件夹中

我的browser.min.js的下载地址为

https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js

创建项目

创建一个文件夹,将build文件夹复制到项目文件夹下。然后就可以开始Rect开发之旅了。

  • 首先编写一个React模板文件(只是为了方便后面的开发,因为后面每个文件的创建都需要这几个操作)



    
    
    
    
    
    
    
    








  • 编写第一个ReactDemo,创建一个HelloReact.html文件,将上面需要导入的三个文件导入到项目中。



    
    
    
    
    
    
    
    




推荐方式二
方式二:http://www.jianshu.com/p/a62da41dacce

你可能感兴趣的:(React开发环境配置(方式一))