前端react记录

1. vite脚手架
   npm init vite@latest
   输入项目名
   选择框架 react
   cd 项目名
   code . 用vscode打开项目
   vite run dev 启动服务访问url查看效果

2. 部署到服务器

一、打包
vite run build 打包出dist文件夹
vite run preview 预览

二、安装Node框架express
yarn global add expess-generator 安装express（node框架）
或者
npm install -g express-generator

三、创建后台目录
mkdir deployDistFile

四、进入创建的文件夹下
cd deployDistFile

五、用express创建出后台项目目录及初始文件
express testDist

六、进入后台目录
cd testDist

七、安装后台node依赖（node后台有package.json）
npm i
八、把dist文件夹下所有内容，复制粘贴进 testDist/public文件夹下
九、运行Node服务
yarn start

十、查看效果(默认3000端口，可以自己在app.js里增加app.listen监听更换监听端口)
打开浏览器，输入http://localhost:3000 查看上线效果。

3. 问题
   win7上安装新版14.0以上的nodejs：
   删除原来nodejs的安装目录下所有文件
   去nodejs官网下载windows zip版的安装包
   解压zip覆盖到原来nodejs的安装目录下
   在系统环境变量追加一条 NODE_SKIP_PLATFORM_CHECK 值为1