- 环境搭建
1.1安装node.js(安装nodejs稳定版本)
1.2安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
PS:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
1.3安装 yarn
cnpm install -g yarn 或者 npm install -g yarn
1.4安装脚手架
npm install -g create-react-app / cnpm install -g create-react-app
- 创建项目
create-react-app reactdemo(项目名字)
- 运行项目
cd 到项目里面(windows也可以直接打开项目所在目录,按住shift点击鼠标右键,点击在此处打开命令窗口选项)
cd reactdemo
npm start /yarn start运行项目
npm run build /yarn build 生成项目
使用npm和yarn来生成运行项目都可以,运行完成后默认的浏览器会自动打开localhost:3000,这就预示着项目已经成功运行起来了。浏览器未自动运行可以手动在浏览器中输入localhost:3000。