NODEJS前端
# Nodejs概念理解
- 是一个基于chrome v8引擎的javascript运行环境,浏览器是前端运行环境,node是后端运行环境。
- Nodejs无法调用前端运行环境浏览器中的BOM和DOM API。
- 基于express框架快速构建web应用
- 基于electron框架快速构建跨平台的桌面应用
- 基于restify框架可以快速构建api接口项目
- 读写操作数据库
- 创建实用的命令行工具辅助前端开发
# Nodejs环境安装
- nvm安装
- 下载exe文件一路一下步
- 打开终端输入命令
node -v
查看 - 在nodejs中执行js文件,
node js文件路径
nvm
nodejs版本管理工具,常见的命令有:
- 查看版本列表
nvm list
- 安装nodejs
nvm install 16.19.0
安装版本为16.19.0的nodejs - 使用nodejs
nvm use 16.19.0
使用16.19.0版本的nodejs - 删除nodejs版本
nvm uninstall 16.19.0
删除16.19.0版本的nodejs
终端
为程序开发人员开发的实现人机交互的一种程序
# NPM包管理工具
- 设置 npm 存储路径:npm config set prefix "C:\program files\nodejs\npm_global"
- 设置 npm 存储路径:npm config set cache "C:\program files\nodejs\npm_cache"
- 设置 yarn存储路径:yarn config set global-folder "C:\program files\nodejs\yarn_global"
- 设置 yarn存储路径:yarn config set cache-folder "C:\program files\nodejs\yarn_cache"
- npm install -g pnpm@7 //pnpm7
- npm install -g yarn@berry //yarn2
# YARN包管理工具
- 查看 pnpm 是否成功全局安装了 yarn:pnpm list -g yarn
- 查看版本号:yarn --version
- yarn set version berry //项目中设置版本
# PNMP包管理工具
删除 pnpm 的全局目录(包括破损的锁文件和虚拟目录)和 删除 pnpm 的缓存目录
- rm -rf C:\Users\yangliangxi\AppData\Local\pnpm\global\5
- rm -rf C:\Users\yangliangxi\AppData\Local\pnpm\global\5.pnpm
- rm -rf C:\Users\yangliangxi\AppData\Local\pnpm-cache
- 重新安装:npm install -g pnpm
查看当前全局安装位置:pnpm c get
自动创建全局二进制目录:pnpm setup 设置后重启终端就可以全局安装包了。
pnpm全局安装yarn:pnpm add -g yarn@berry
查看配置清单:pnpm config list
设置存储路径:pnpm config set global-bin-dir "C:\program files\nodejs\pnpm_global_bin"
设置存储路径:pnpm config set cache-dir "C:\program files\nodejs\pnpm_cache"
设置存储路径:pnpm config set state-dir "C:\program files\nodejs\pnpm_state"
设置存储路径:pnpm config set global-dir "C:\program files\nodejs\pnpm_global"
设置国内镜像:pnpm config set registry https://registry.npmmirror.com/
删除配置:pnpm config delete global-dir 其他类似。删除镜像:pnpm config delete registry
完全重置所有信息:pnpm config reset
升级版本:pnpm add -g pnpm
查看版本号:pnpm -version
# 镜像
- 淘宝镜像:npm config set registry https://registry.npmmirror.com/
- 华为云镜像:npm config set registry https://mirrors.huaweicloud.com/repository/npm/
- 腾讯云镜像:npm config set registry https://mirrors.cloud.tencent.com/npm/
- 中国科学技术大学:npm config set registry https://npmreg.proxy.ustclug.org/
- 官方国内镜像:npm config set registry https://r.cnpmjs.org/
- 官方镜像:npm config set registry https://registry.npmjs.org/
- 网易镜像:npm config set registry https://mirrors.163.com/npm/
- 阿里云镜像:npm config set registry https://npm.aliyun.com/
# Commonjs模块导入导出
- 导入模块
require()
,导出模块exports
- 导出模块方式一
exports.变量名 = 变量名
exports.方法名 = 方法名
- 导出模块方式二
module.exports={变量名,方法名}
# fs文件系统模块
fs.readFile()
读取内容从文件fs.writeFile()
写入内容到文件
const fs = require('fs')
//读取文件内容
fs.readFile('file.md', 'utf8', function (err, dataStr) {
if (err) {
console.log(`读取文件失败:${err.message}`)
}
console.log(`读取文件成功:${dataStr}`)
})
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
//写入内容到文件
fs.writeFile('file.md', 'hello,who who ...', function (err) {
if (err) {
console.log(`写入文件失败:${err.message}`)
}
console.log(`写入文件成功`)
})
1
2
3
4
5
6
7
2
3
4
5
6
7
# 内置变量
__dirname
当前文件所在的绝对路径,不包含文件名__filename
当前文件所在的绝对路径,包含文件名
# path路径模块
path.extname("路径")
指定路径的扩展名path.basename("路径")
指定路径的文件名带扩展名path.dirname("路径")
指定路径的目录path.parse("路径")
指定路径解析成一个json对象path.jion("路径1","名称2")
将两个串拼起来成为一个完整的
# Nodejs 自动升级过期的包(package.json)
- 第一步:使用npm 命令查看已经过期的安装包
npm outdated
- 第二步:安装升级插件
npm install -g npm-check-updates
- 第三步:查看最新的版本命令
ncu
- 第四步:升级低版本的npm包文件
ncu -u
# Npm常用命令
- 查看包版本号
npm view element-plus versions
编辑 (opens new window)
上次更新: 2025/02/15, 13:42:25