第二章 React初探
02-02 React开发环境准备
1.开发环境搭建
·使用ReactJS的两种方式:
1)引入.JS文件来使用React
2)使用脚手架工具来编码
注1:脚手架工具——前端开发过程中的辅助工具,自动构建一个大型项目的流程和目录,允许我们以一定方式去实现JS文件的相互引用,更方便进行代码管理。
官方提供的脚手架工具:Create-react-app;(其它:webpack,grunt......)
若对脚手架工具没有一定的了解,建议使用官方提供的脚手架工具
·node安装:官网:https://nodejs.org/en/download/
注2:node,LTS-稳定版本,Current-最新版;
检查node与npm安装:
node -v
npm -v
安装脚手架工具:
npm install -g create-react-app
通过脚手架创建react项目:
create-react-app projectName
启动项目:
npm run start
yarn的安装(使用npm安装):
npm istall -g yarn
yarn创建项目:
yarn create react-app antd-demo