web前端：如何使用React搭建项目

作者:返回主页 kasauce更新于： 2020-03-03 11:06:48

　　React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源。

　　1.首先说明node.js、npm、cnpm分别是做什么的？

　　node.js简单的说Node.js就是运行在服务端的Javascript，安装了node.js默认安装了npm，可以使用npm-v查看是否安装。

　　npm可以理解为远程仓库，如果我们要使用npm需要先把需要的包写到package.json文件中，并执行npminstall。下载的包文件都会存到node_modules中。

　　cnpm解决了npm无法下载国外文件问题，在国内与npm仓库进行了同步，频率为10分钟每次，尽量保证包的可用性。

　　2.cnpm有哪些问题？

　　cnpm的仓库只是npm仓库的一个拷贝，它不承担publish工作，所以你用cnpmpublish命令会执行失败的

　　不仅是publish会执行失败，其它的需要注册用户(npmadduser)、或者修改package状态等命令都无法用cnpm

　　3.如何搭建React开发环境?

　　安装cnpm，npminstall-gcnpm--registry=httPS://registry.npm.taobao.org，设置镜像地址。

　　cnpminstall-gcreate-react-app安装全局环境的react创建命令。

　　进入到工作空间，创建前端项目create-react-appcircle-react-demo。

　　进入到创建项目，通过npmstart启动项目了。

　　由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来Web开发的主流工具。