1、使用react需要提前安装node.js和npm
cmd打开命令提示符:
检测版本 输入:node -v
安装node时会自带一个npm的包管理工具。
检测npm版本 输入:npm -v
如若以上两个命令输入都返回版本号,则安装成功!
2.设置NPM
国外npm较慢,容易安装失败,可以设置成淘宝的镜像来代替原有的。
cmd命令提示符中键入:
npm config set registry https://registry.npm.taobao.org
3.安装create-react-app(脚手架)
通过安装create-react-app来创建React项目。
安装命令:npm install -g create-react-app
或cnpm install -g create-react-app
(npm和cnpm 不能混用,一开始用的哪个命令,就一直用哪个直到安装结束)
安装成功之后,就可以创建React项目了
react推荐使用yarn做包管理工具
下载yarn
cnpm install -g yarn
4.创建React项目
进入你想创建项目的路径,然后键入命令:
create-react-app demo
这里的create-react-app是创建命令,demo是你要创建的项目的名称,项目名称可以根据需求命名。
这里在创建项目的时候会自动去下载项目依赖,这时候会检索是否安装过yarn,如果没有会优先使用npm安装。npm下载依赖时间会比较长,使用yarn 会比较快。
5、运行项目
cd到项目目录下
npm start 启动项目
6、打包代码
yarn build
将打包后,项目根目录底下有一个build文件夹,可以将Build文件夹里的呢绒部署到Apache或者其他的服务器上