NODEJS前端

# Nodejs概念理解

  • 是一个基于chrome v8引擎的javascript运行环境,浏览器是前端运行环境,node是后端运行环境。
  • Nodejs无法调用前端运行环境浏览器中的BOM和DOM API。
  • 基于express框架快速构建web应用
  • 基于electron框架快速构建跨平台的桌面应用
  • 基于restify框架可以快速构建api接口项目
  • 读写操作数据库
  • 创建实用的命令行工具辅助前端开发

# Nodejs环境安装

  • nvm安装 nvm安装
  • 下载exe文件一路一下步
  • 打开终端输入命令 node -v 查看
  • 在nodejs中执行js文件,node 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
//写入内容到文件
fs.writeFile('file.md', 'hello,who  who ...', function (err) {
    if (err) {
        console.log(`写入文件失败:${err.message}`)
    }
    console.log(`写入文件成功`)
})
1
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
上次更新: 2025/02/15, 13:42:25
最近更新
01
vue3尚硅谷课件
04-26
02
Git问题集合
01-29
03
安装 Nginx 服务器
01-25
更多文章>
×
×