node.js安裝

node安裝，選擇版本

一直next，或者自己修改路徑，添加兩個包

選擇自己的安裝的node的路徑，cmd或者win+r cmd

顯示node與npm的版本號

node -v

npm -v

可以跟著這個博客將node安裝
2024最新版Node.js下載安裝及環(huán)境配置教程（非常詳細）

安裝yarn

npm install -g yarn

查看版本

yarn -v

創(chuàng)建一個項目

添加腳本架開箱即用的中臺前端/設(shè)計解決方案
創(chuàng)建一個關(guān)于存放前端的文件夾，在那個文件夾打開cmd

yarn create umi myapp

問題

文件名、目錄名或卷標(biāo)語法不正確。
error Command failed.

Yarn 的全局安裝位置與 bin 目錄位置不一致會引發(fā)問題，二者需處于同一硬盤分區(qū)。

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 有變化。不會執(zhí)行包管理器安裝。>

npm install --legacy-peer-deps

npm run start

個人建議前端代碼用webstorm
webstorm安裝教程
如果是空白的頁面，修改路由器

插件安裝

file -》setting -》plugins

安裝重啟。

問題

pnpm : 無法將“pnpm”項識別為
cmdlet、函數(shù)、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然后再試一次。 所在位置 行:1 字符: 3

  pnpm add -D @umijs/plugins

添加npx試試

代碼瘦身

移除國際化