react

react全家桶从本地开发到服务器发布全教程

2017-09-07  本文已影响512人  南京前端架构ztao

github:https://github.com/aiyuekuang/react_home.git

这是一个react的脚手架项目,其中包含着当前最新得脚手架配置方式,技术技术栈包括react+redux+antd+webpack3+sass/less+axios+immutable+proxy,我会长期,并定期维护这个脚手架,将当下react生态圈最新技术运用进去,适用于新手或者关注进阶的朋友学习参考。

废话不多说,很多新手朋友想了解学习并且快速将react应用到项目中去,那接下来我将教会大家从开发到部署上线得一整个神秘得流程。

1.你需要安装了node,可以百度下载最新得node,不会的话也可以百度,资料很多

2.将我上面得github下载或者clone至你电脑得任意地方(使用得朋友给个星,或者watch)

3.ctrl+r输入cmd打开你的命令窗口,敲命令行切换到你下载得项目目录中,比如:d:/react_home,这样

4.命令行继续输入npm install安装项目得包

5.安装完毕npm start就可以开始撸代码了,具体怎么撸,这个你们可以百度一些教程,不是很难,也可以关注我,我后面也会出写一些教程,这个脚手架项目也有一些简单得基础代码,你启动服务后访问http://localhost:3012也能看到一些简单得界面,可以照葫芦画瓢先摸索一下,本地项目已经配置跨域了,将原来项目配置得服务器地址改成你得接口服务器地址,基本就可以访问到接口了。

6.那如何将项目部署到服务器呢,这就是最关键得地方了,其实很简单,就是把很复杂得项目通过webpack编译成我们以前写jquery得时候那种html+js得这种样子,让你们得后端人员,将服务器404指向build/index.html,然后访问服务器上得这个index.html

7.这样基本一个简单得react开发流程就结束了,简单吗?

上一篇下一篇

猜你喜欢

热点阅读