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试试
代码瘦身
移除国际化