node.js安装
node安装,选择版本
一直next,或者自己修改路径,添加两个包
选择自己的安装的node的路径,cmd或者win+r cmd
显示node与npm的版本号
java
node -v
java
npm -v
可以跟着这个博客将node安装
2024最新版Node.js下载安装及环境配置教程(非常详细)
安装yarn
java
npm install -g yarn
查看版本
java
yarn -v
创建一个项目
添加脚本架开箱即用的中台前端/设计解决方案
创建一个关于存放前端的文件夹,在那个文件夹打开cmd
java
yarn create umi myapp
问题
文件名、目录名或卷标语法不正确。
error Command failed.
Yarn 的全局安装位置与 bin 目录位置不一致会引发问题,二者需处于同一硬盘分区。
java
yarn global bin
java
yarn global dir
解决问题
java
yarn config set global -folder "D:\HTMl5\node_global"
路径与npm一致,全局安装与缓存
java
yarn config set cache-folder "D:\HTMl5\node_cache"
使用 npm
java
npm i @ant-design/pro-cli -g
pro create myapp
java
Get-ExecutionPolicy
java
Set-ExecutionPolicy -Scope CurrentUser,再输入RemoteSigned即可
No change to package.json was detected. No package manager install
will be executed.未检测到 package.json 有变化。不会执行包管理器安装。>
java
npm install --legacy-peer-deps
java
npm run start
个人建议前端代码用webstorm
webstorm安装教程
如果是空白的页面,修改路由器
插件安装
file -》setting -》plugins
安装重启。
问题
pnpm : 无法将"pnpm"项识别为
cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置 行:1 字符: 3
java
pnpm add -D @umijs/plugins
添加npx试试
代码瘦身
移除国际化