node

lishihuan大约 7 分钟

node

node和npm版本匹配:https://nodejs.org/zh-cn/download/releases/open in new window

nvm管理的node工具包 https://www.cnblogs.com/gaozejie/p/10689742.htmlopen in new window

## 查询node安装位置
where node

## 查询 node 版本
node -v

1 安装

1.1 下载open in new window 最好下载msi 版本

下载:https://registry.npmmirror.com/binary.html?path=node/open in new window

安装教程:

https://npm.taobao.org/mirrors/node/v10.0.0/open in new window

1.2. 测试安装是否成功

运行CMD,分别输入node -vnpm -v 分别查看node和npm的版本号

1.3. 配置自定义的全局模块安装目录,

在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:

image-20210204092655887
image-20210204092655887

然后在cmd命令下执行如下两个命令:

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

1.4. 执行完后,配置环境变量,如下:

  • “环境变量” -> “系统变量”:新建一个变量名为 “NODE_PATH

    D:\Program Files\nodejs\node_global
    
  • “环境变量” -> “用户变量”:编辑用户变量里的Path,将相应npm的路径(“C:\Users\用户名\AppData\Roaming\npm”)改为:

    D:\Program Files\nodejs\node_global
    

    注: node_global 不是 node_modules 否则 安装的 其他插件 都会提示 不是内部命令

    https://blog.csdn.net/weixin_30576827/article/details/97352404open in new window

1.5.测试

在cmd命令下执行 npm install webpack -g 安装webpack

看到自定义的两个文件夹已生效

image-20221028082920536
image-20221028082920536

2 淘宝镜像

# 查询 是否是 淘宝镜像
npm config get registry   或   npm info express

# 使用淘宝 npm 地址
npm config set registry http://registry.npm.taobao.org

# 如果要发布自己的镜像需要修改回来
  npm config set registry https://registry.npmjs.org/
# 将npm 安装cnpm
 npm install -g cnpm --registry=https://registry.npm.taobao.org

3 安装 插件

#cordova
npm install -g cordova
# 客户端命令:
cordova-hcp build
# 客户端安装:
npm install -g cordova-hot-code-push-cli
# Ripple Emulate  Google模拟器,可以帮到大部分的调试
npm install -g ripple-emulator

4. gnvm 【弃用】

管理node 和npm 的

gnvm.exe

http://ksria.com/gnvm/?lang=zh-cnopen in new window

在GitHub官网,搜索gnvm,下载

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

放在node.js的安装目录下

管理员打开cmd,然后进行验证,输入:gnvm version。

在这里插入图片描述
在这里插入图片描述
# 然后打开cmd命令行窗口,输入:
gnvm update latest

使用安装gnvm 管理node 升级问题 https://blog.csdn.net/qq_41956139/article/details/105944608open in new window

以下操作需要管理员打开cmd

1.查看gnvm版本,验证是否安装成功

C:\WINDOWS\system32>gnvm version
Waring: config file C:\Program Files\nodejs\\.gnvmrc is not exist.
Notice: Config file C:\Program Files\nodejs\\.gnvmrc create success.
Current version 0.2.0 64 bit.
Copyright (C) 2014-2016 Kenshin Wang <kenshin@ksria.com>
See https://github.com/kenshin/gnvm for more information.

2.配置gnvm

C:\WINDOWS\system32>gnvm config
Notice: config file path C:\Program Files\nodejs\\.gnvmrc
gnvm config registry is http://nodejs.org/dist/
gnvm config noderoot is D:\Program Files\nodejs\
gnvm config globalversion is 8.12.0
gnvm config latestversion is unknown
123456

3.修改 镜像,否则可能无法升级npm

gnvm config registry TAOBAO
## 或者
gnvm config registry npm.taobao.org/mirrors/node

## 默认
gnvm config registry http://npmmirror.com/mirrors/node/

4.gnvm 命令

如果切换版本提示node进程被用在,先杀死进程 taskkill /f /im node.exe

## 查询node版本
gnvm search 12.*.*

## 安装指定版本node
gnvm install 12.16.3

## 查询本地所有的node版本
gnvm ls

## 使用本地已存在的某个node版本
gnvm use 16.14.0
# 卸载指定node版本
gnvm uninstall 16.19.0 #卸载指定版本的node

## 查询版本
gnvm node-version

## 安装当前 Node.js 版本对应的 NPM 版本
gnvm npm global

## 下载最新版的 npm version
gnvm npm latest
## 根据指定node版本自动现在对于的npm版本
gnvm npm global 
# 如果上面的不行,采用下面的方式下载指定版本
npm install -g npm@8.3.1

nvm(多版本控制器)

gnvm目前无法使用,并且不能自动切换npm版本

下载路径open in new window

nvm version
nvm install 18.18.0 # 安装 Node.js 的某个版本:
nvm ls # 查看已安装的 Node.js 版本
nvm use 14.17.0  # 切换 Node.js 版本:
nvm alias default 14.17.0  ## 设置默认 Node.js 版本:

nvm list available  ## 所有可下载的版本

6.npm

安装多版本后,可能无法识别node 命令,需要配置环境变量

NODE_HOME --> C:\software\nodejs

一定要主要,%NODE_HOME% 后面需要加 \

Path --> %NODE_HOME%\

7.x npm init初始化项目

1. 为什么要使用npm init初始化项目

在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。话不多说我们就直接开始进行操作。

2. s执行npm init

执行npm init是需要在DOS窗口执行的,我们可以windows+r键来打开窗口,然后输入CMD执行,然后就可以打开DOS窗口了。打开窗口之后,在DOS窗口中进入自己项目所在的目录。(也可以使用gitbash,gitbash支持大部分linux命令是真的爽)。

进入到项目所在的目录之后我们就可以直接执行npm init,执行了npm init之后,会让我们填写一些配置信息,如果还不知道怎么填写的话可以一路回车。

package name: 你的项目名字叫啥
version: 版本号
description: 对项目的描述
entry point: 项目的入口文件(一般你要用那个js文件作为node服务,就填写那个文件)
test command: 项目启动的时候要用什么命令来执行脚本文件(默认为node app.js)
git repository: 如果你要将项目上传到git中的话,那么就需要填写git的仓库地址(这里就不写地址了)
keywirds: 项目关键字(我也不知道有啥用,所以我就不写了)
author: 作者的名字(也就是你叫啥名字)
license: 发行项目需要的证书(这里也就自己玩玩,就不写了)

3. 修改package.json文件

如果我们在进行package.json文件配置的时候写错了东西,或者后期要添加什么内容的话,我们是可以直接在项目的根目录中打开然后进行修改,我在配置文件中增加了一个运行项目的命令。

{
    “name”: “debugger”,
    “version”: “1.0.0”,
    “description”: “”,
    “main”: “index.js”,
    “scripts”: {
        “test”: “echo “Error: no test specified” && exit 1”,
        “start”: “node test.js”//自己加入的配置部分
     },
    “keywords”: [],
    “author”: “”,
    “license”: “ISC”
}

文件内容

//test.js
console.log('项目启动')

接下来我们启动项目

npm start

npm init -y

-y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json

8. yarn 下载安装

快速安装

MacOS

在Mac上安装比较方便,使用初始化脚本即可

curl -o- -L https://yarnpkg.com/install.sh | bash

Linux

Po主自己的机器是Ubuntu,安装比较简单 输入命令

sudo apt-key adv --keyserver pgp.mit.edu --recv D101F7899D41F3C3
echo "deb http://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

然后输入安装命令就行啦:

sudo apt-get update && sudo apt-get install yarn

windows

windows 下需要下载msi文件 ,下载地址:https://yarnpkg.com/latest.msiopen in new window

npm 的方式

npm install -g yarn
## 查看yarn镜像源
yarn config get registry

## 配置yarn淘宝镜像源
yarn config set registry https://registry.npm.taobao.org

## 恢复yarn默认镜像源
yarn config set registry https://registry.yarnpkg.com

关于安装,你可以去官网查看到更多资料 https://yarnpkg.com/en/docs/installopen in new window

img安装完成后,你可以测试下自己的版本

yarn --version

linux 下安装node

通过安装 NVM 进行版本控制

  1. 安装 NVM

    使用以下命令安装 NVM:

    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
    

    安装完成后,您需要运行以下命令来重新加载 shell 配置:

    source ~/.bashrc
    
  2. 查询NVM版本 nvm -v

  3. 安装 Node.js

    使用 NVM 安装特定版本的 Node.js(例如 14.18.0): 这步特别慢,感觉像是卡住了,请耐心等待

    bashnvm install 14.18.0
    
  4. 验证安装

    安装完成后,您可以检查 nodenpm 是否正确安装:

    node -v
    npm -v
    

NVM 的好处是您可以轻松切换不同版本的 Node.js 和 npm,而不影响系统的全局安装。

卸载node

异常

1.node 连接MySql数据库

node连接Mysql报错:Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication .......

alter user 'root'@'localhost' identified with mysql_native_password by 'root';

2. 清楚 npm缓存

执行npm cache clean --force 报错

npm WARN using --force I sure hope you know what you are doing.
1

用最新的命令即可:npm cache verify