柚子快報(bào)激活碼778899分享：Node.js 安裝及項(xiàng)目實(shí)踐

http://yzkb.51969.com/

node.js安裝

node安裝，選擇版本 一直next，或者自己修改路徑，添加兩個(gè)包

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

顯示node與npm的版本號(hào)

node -v

npm -v

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

安裝yarn

npm install -g yarn

查看版本

yarn -v

創(chuàng)建一個(gè)項(xiàng)目

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

yarn create umi myapp

問題

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

Yarn 的全局安裝位置與 bin 目錄位置不一致會(huì)引發(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. 未檢測(cè)到 package.json 有變化。不會(huì)執(zhí)行包管理器安裝。>

npm install --legacy-peer-deps

npm run start

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

插件安裝

file -》setting -》plugins 安裝重啟。

問題

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

pnpm add -D @umijs/plugins

添加npx試試

代碼瘦身

移除國際化

柚子快報(bào)激活碼778899分享：Node.js 安裝及項(xiàng)目實(shí)踐

http://yzkb.51969.com/

精彩內(nèi)容