react项目搭建

Node Version Manager（nvm）：轻松管理 Node.js 版本的利器-CSDN博客这里下载nvm,官网下载node，检查各个版本

首先创建一个存放react项目的空文件夹，然后直接使用官方提供的用于快速创建 React 应用的工具，打开cmd命令行，输入以下命令，后面的my-react-app是项目的名字，在其中生成一个新的react应用（这里我直接在系统默认路径下操作，可以修改自己的路径）

npx create-react-app my-react-app

第一次报错，检查系统环境变量中path路径下有nodejs路径，网上方法清理缓存

npm cache verify

第二次报错

网上找教程之后还是报错，设置了代理，proxy代理错了

npm config set proxy http://username:password@server:port
npm confit set https-proxy http://username:password@server:port

查看一下proxy代理，发现代理不是空

npm config get proxy

npm config get https-proxy

将其设置为空，再次查看已经为空了，继续进行后面的步骤

npm config set proxy null
npm config set https-proxy null

进入创建好的文件夹，后面的my-react-app是项目的名字，在其中生成一个新的react应用，需等待几分钟（警告是因为版本的问题，可忽略）

进入到项目目录里，并启动应用，打开浏览器输入http://localhost:3000/，出现界面说明运行react成功

打开VSCode,，保留App.js和index.js，其他的都删除

删除不需要的内容

因为修改了文件，所以重新查看一下是否能运行起来，出现如下界面代表是正常的

简单介绍一下

// App--> index.js --> public/index.html(root)

更新内容发现项目运行成功，但是访问没跳转到新页面

可能是因为axios和node版本不兼容，用nvm换一个低版本的node，然后删除依赖 重新install

根据提示，输入npm run build

出错了，来解决

1、输入Set-ExecutionPolicy -Scope CurrentUser命令给用户赋予权限
2、终端输入get-ExecutionPolicy查看一下权限，显示RemoteSigned就可以了。

再次执行 serve -s build 就好了

到此为止，折腾了一番，发现是因为编写新界面时没保存（被自己蠢笑了）

写完记得ctrl+s

（最好直接安装nvm，不要装完node再装nvm，版本管理不方便，也可以不装node，直接用nvm安装）