node.js安装

node安装，选择版本

一直next，或者自己修改路径，添加两个包

选择自己的安装的node的路径，cmd或者win+r cmd

显示node与npm的版本号

node -v

npm -v

可以跟着这个博客将node安装
2024最新版Node.js下载安装及环境配置教程（非常详细）

安装yarn

npm install -g yarn

查看版本

yarn -v

创建一个项目

添加脚本架开箱即用的中台前端/设计解决方案
创建一个关于存放前端的文件夹，在那个文件夹打开cmd

yarn create umi myapp

问题

Yarn 的全局安装位置与 bin 目录位置不一致会引发问题，二者需处于同一硬盘分区。

yarn global bin

yarn global dir

解决问题

yarn config set global -folder "D:\HTMl5\node_global"

路径与npm一致，全局安装与缓存

yarn config set cache-folder "D:\HTMl5\node_cache"

使用 npm

npm i @ant-design/pro-cli -g
pro create myapp

Get-ExecutionPolicy

Set-ExecutionPolicy -Scope CurrentUser，再输入RemoteSigned即可

npm install --legacy-peer-deps

npm run start

个人建议前端代码用webstorm
webstorm安装教程
如果是空白的页面，修改路由器

插件安装

file -》setting -》plugins

安装重启。

问题

  pnpm add -D @umijs/plugins

添加npx试试

代码瘦身

移除国际化