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

代码瘦身

移除国际化

相关推荐
理想不理想v7 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript
暮毅12 小时前
10.Node.js连接MongoDb
数据库·mongodb·node.js
~甲壳虫17 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫18 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫18 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫19 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
前端青山1 天前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
GDAL1 天前
npm入门教程1:npm简介
前端·npm·node.js
郑小憨2 天前
Node.js简介以及安装部署 (基础介绍 一)
java·javascript·node.js
lin-lins2 天前
模块化开发 & webpack
前端·webpack·node.js