react项目搭建--相对较全面
前言：简单记录一下第一次搭建react项目框架，之前只是在已搭建好的框架内去开发实现项目，没有自己动手搭建过，亲自动手实际操作，还遇到挺多问题的。参考了不少文献，帮助我解决并完成整个项目搭建的文献，都会在文章最后附上链接，感兴趣的可以都看一下。
我这里创建项目使用的是官方脚手架工具create-react-app
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 run eject，暴露配置文件，操作不可逆，请谨慎使用
执行过后就可以看到config文件夹了
5、npm install XXX命令，安装自己需要的依赖，在项目中创建自己的文件内容就可以了。
致此，一个react项目就创建完成啦，撒花
react项目搭建--相对较全面相关推荐
- react项目搭建，步骤最全，附源码git地址(react+router+typescript+redux+axios+antdesign+mock+eslint)
企业级react项目搭建流程,基于官网推荐脚手架create-react-app搭建的项目基本框架,在该基础上增加项目所需要的功能插件等.代码git地址base分支:https://github.co ...
- React项目搭建与Echars工具使用
React项目搭建与Echars工具使用 一.React项目快速搭建 1.新建文件夹 2.直接在对应目录输入 cmd ,打开终端 3.执行指令完成React应用建立 二.React项目结构和分析 1. ...
- react项目搭建（基础学习笔记）
react项目搭建(基础学习) 安装 局部安装 1.npm init -y或yarn init -y初始化项目 2.全局安装creact-react-app.使用npm install -D crea ...
- React 项目搭建与部署，搭建Node服务器
环境配置与项目搭建 安装node,官网 直接下载 安装webpack : npm install -g webpack 安装淘宝镜像(可选): npm install -g cnpm --regist ...
- react 项目搭建
创建一个React项目 默认电脑已经安装了npm和nodejs node 版本要至少8.0以上的 使用create-react-app脚手架构建react应用程序 create-react-app是 ...
- 搭建react项目 搭建ts react项目 使用vite搭建react项目
创建react 项目 注意: 网上有一些生成react 的方法,但是也有一些是过时的. 使用官方脚手架creact-react-app 全局安装 creact-react-app 这个脚手架 这个脚手 ...
- react项目搭建教程
搭建步骤 安装环境 参考 菜鸟教程[https://www.runoob.com/nodejs/nodejs-tutorial.html] 安装所需要的node环境 创建项目 环境安装好之后我们进行项 ...
- react打包服务器文件,react项目搭建及打包发布
一.创建项目 1.npm install -g create-react-app: 2.create-react-app my-app(my-app为项目名字): 这样一个react项目就初始化好了, ...
- 【React】Windows下React项目搭建
一.目的 更方便进行前端开发. 二.具体步骤 1.下载node.js 网址:https://nodejs.org/en/download/ 验证是否安装成功 ---- 命令行输入 npm -v 2.安 ...
最新文章
- javascript实战pdf_javascript该怎么学呢？学习Js之路
- Spring中的循环依赖及解决，2021Java精选面试实战总结整理
- GlusterFS常用命令小结
- 大数据营销的7个雷区，千万别中招
- python处理mysql数据结构_python环境下使用mysql数据及数据结构和二叉树算法（图）...
- 【Redis】有序集合的交集与并集
- 反转一个值中的最后n位
- cesium面板动态显示并跟随移动
- 你可以不在BAT，但大厂的眼界不能没有
- Cocos2d-X字体
- LDE显示驱动（四）：显示驱动内核底层代码分析
- 拓端tecdat|R语言实现MCMC中的Metropolis–Hastings算法与吉布斯采样
- 好文汇总（不断更新）
- 用python制作几款简单又好玩的小游戏，找回童年的记忆
- 2022华为软挑赛题讲解(CodeCraft-2022)
- OPenGL 学习笔记之 Assimp 知识
- 全国大学生数学建模竞赛——2017A题（学习笔记）
- 瞧一瞧，看一看，走过路过不要错过。 关于5G
- python @ 用法
- WM_KILLFOCUS和WM_SETFOCUS