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
 
问题
文件名、目录名或卷标语法不正确。
error Command failed.

 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即可
 
No change to package.json was detected. No package manager install
will be executed.
未检测到 package.json 有变化。不会执行包管理器安装。>

 
npm install --legacy-peer-deps
 

npm run start
 

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

 file -》setting -》plugins
 
 安装重启。
 
问题
pnpm : 无法将“pnpm”项识别为
cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置 行:1 字符: 3

  pnpm add -D @umijs/plugins
 
添加npx试试
 
代码瘦身
移除国际化
 

