react项目搭建

react-hook 详解及使用

react 项目搭建

什么是 react?

React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站

react 项目搭建用到的第三方脚手架工具 create-react-app

react 项目搭建具体流程:

1、先安装 node,看你自己的需求,但如果版本太低或太高,后续可能会出现错误。然后重装相对高配或者低配的版本。

npm -v查看版本

react项目搭建插图1

2、安装webpack

使用 npm install webpack webpack-cli -g 完成全局安装,使用 webpack -v 查询当前版本号;

或者 npm install webpack webpack-cli –save-dev 进行部分安装,npx webpack -v 进行版本检查。

react项目搭建插图2

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命令,安装自己需要的依赖,在项目中创建自己的文件内容就可以了。

到这里,项目就基本完成啦!


参考文档:https://react.docschina.org/docs/hooks-intro.html

友情链接:https://www.ccwisdom.com/industrynews/