【React系列教程一】React介绍、搭建React环境、运行React项目

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33237207/article/details/89215984

一、React介绍:

React 起源于 Facebook 的内部项目,可以开发单页面应用,组件化模块化开发。React通过对DOM的模拟,最大限度地减少与DOM的交互。

二、搭建React开发环境之前的准备工作:

1、必须安装nodejs稳定版本。nodejs官网:https://nodejs.org/en/

2、安装cnpm,用cnpm替代npm。淘宝npm镜像:http://npm.taobao.org/

安装命令:【npm install -g cnpm --registry=https://registry.npm.taobao.org】

3、或者用yarn替代npm。

下载方法1:yarn官方文档下载:https://yarnpkg.com/zh-Hans/docs/install#windows-stable

下载方法2:用命令【npm install -g yarn】或者【cnpm install -g yarn】

 

三、搭建React开发环境:

1、第一种方法(老方法--现在推荐)

step1:安装脚手架工具,只需安装一次:

【cnpm install -g create-react-app】

step2:进入指定的文件目录后,创建项目:

【cd E:\ReactWorksapce】

【create-react-app reactdemo01】

step3:进入到项目根文件中,运行项目:

【cd reactdemo01】

【npm start】

step4:在浏览器中打开 http://localhost:3000/ ,结果如下图所示:

 

2、第二种方法(新方法--未来推荐)

step1:进入指定的文件目录后,安装脚手架工具并创建项目:

【cd E:\ReactWorksapce】

【npx create-react-app reactdemo02】

step2:进入到项目根文件中,运行项目:

【cd reactdemo02】

【npm start】

step3:在浏览器中打开 http://localhost:3000/ ,结果与上图一样。

 

猜你喜欢

转载自blog.csdn.net/qq_33237207/article/details/89215984
今日推荐