Node.js 安装及项目实践

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试试

代码瘦身

移除国际化

相关推荐
程楠楠&M2 小时前
node.js第三方Express 框架
前端·javascript·node.js·express
盛夏绽放2 小时前
Node.js 和 Socket.IO 实现实时通信
前端·后端·websocket·node.js
Roc.Chang4 小时前
macos 使用 nvm 管理 node 并自定义安装目录
macos·node.js·nvm
怕冷的火焰(~杰)5 小时前
Node基本使用
node.js
_半夏曲7 小时前
node.js、nginx、iis、tomcat针对部署方面的简述
nginx·node.js·tomcat
生椰拿铁You8 小时前
09 —— Webpack搭建开发环境
前端·webpack·node.js
酷酷的威朗普13 小时前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
前端李易安1 天前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
Ztiddler1 天前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
前端青山1 天前
webpack进阶(一)
前端·javascript·webpack·前端框架·node.js