react 项目搭建
什么是 react?
React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站
react 项目搭建用到的第三方脚手架工具 create-react-app
react 项目搭建具体流程:
1、先安装 node,看你自己的需求,但如果版本太低或太高,后续可能会出现错误。然后重装相对高配或者低配的版本。
npm -v查看版本
2、安装webpack
使用 npm install webpack webpack-cli -g 完成全局安装,使用 webpack -v 查询当前版本号;
或者 npm install webpack webpack-cli –save-dev 进行部分安装,npx webpack -v 进行版本检查。
3.安装第三方搭建工具 create-react-app,用它快速设置项目并运行。
npm install -g create-react-app 全局安装,
npx create-react-app <project_name> 创建项目;
如果创建的项目目录不完整,很大概率是 create-react-app 的版本问题,已经卸载重装了。
如果中途遇到 XXXtar@2.2.2XXX 错误,升级tar版本。!
4.至此,项目基本创建完毕,接下来就是配置文件看不到的问题了。
执行命令: npm 运行 eject,暴露配置文件,操作不可逆。请小心使用。
执行之后,您可以看到 config 文件夹。
5.npm install XXX命令,安装自己需要的依赖,在项目中创建自己的文件内容就可以了。
到这里,项目就基本完成啦!