nodejs 使用

nvm:node 和 npm 多版本管理

windows 安装包下载:https://github.com/coreybutler/nvm-windows/releases

  • 配置环境变量
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# window 下配置
## 假设 nvm 安装目录是D:\nvm,则配置:
NVM_HOME=D:\nvm
NVM_SYMLINK=D:\nvm\nodejs
# D:\nvm\nodejs\bin\node

## PATH 配置,新增
%NVM_HOME%
%NVM_SYMLINK%

# mac 在
export NVM_DIR="$HOME/.nvm"
export NVM_SYMLINK_CURRENT=true
## nvm 加速
export NVM_NODEJS_ORG_MIRROR="https://npm.taobao.org/mirrors/node"
## 这句一定要放在NVM_DIR、NVM_NODEJS_ORG_MIRROR等配置之后
### This loads nvm
[ -s "$(brew --prefix nvm)/nvm.sh" ] && . "$(brew --prefix nvm)/nvm.sh"
# source "$(brew --prefix nvm)/nvm.sh"
### This loads nvm bash_completion
[ -s "$(brew --prefix nvm)/etc/bash_completion.d/nvm" ] && . "$(brew --prefix nvm)/etc/bash_completion.d/nvm"
# ~/.nvm/current/bin/node
  • 更换下载源

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # 1、进入 nvm 安装目录,编辑 setting.txt,追加两行代码
    node_mirror: https://npm.taobao.org/mirrors/node/
    # 配置npm_mirror可能会导致npm、cnpm等安装依赖时各种错误
    # npm_mirror: https://npm.taobao.org/mirrors/npm/

    # 2、通过命令行配置
    nvm node_mirror https://npm.taobao.org/mirrors/node/
    # 配置npm_mirror可能会导致npm、cnpm等安装依赖时各种错误
    # nvm npm_mirror https://npm.taobao.org/mirrors/npm/
  • 使用 nvm 管理版本

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # 安装最新版本node
    nvm install latest
    # 安装某一个版本 node
    nvm install 10.22.0
    # 使用某一具体版本
    nvm use 14.3.0
    # 列出当前已安装的所有版本
    nvm list
    # 卸载某一具体版本
    nvm uninstall 14.2.0

使用nvm管理node、npm,不需要配置npm下载包路径

yarn

1
2
3
4
5
6
7
8
9
10
11
12
# npm install -g cnpm
# npm install -g yarn

# 查询源地址
yarn config get registry

# 配置taobao源加速
yarn config set registry 'https://registry.npm.taobao.org'

# 安装组件、插件
yarn add ant-design-vue
yarn add --dev hard-source-webpack-plugin

npm配置

国内访问外网是很慢的,安装NodeJS是自带的npm地址默认是:http://registry.npmjs.org,访问很慢,所以一般换成国内镜像地址。

用户目录下:.npmrc

1
2
3
4
# 使用 NVM 安装node、npm不需要配置prefix、cache
# prefix=D:\nvm\node_global
# cache=D:\nvm\node_cache
registry=https://registry.npmmirror.com/

通过config命令

1
2
3
npm config set registry https://registry.npmmirror.com/ npm info underscore
#(如果配置成功,这个命令会有字符串response)
npm --registry=https://registry.npmmirror.com/

命令行指定

1
npm --registry https://registry.npmmirror.com/ info underscore

编辑node_modules/npm/.npmrc加入下面内容

1
registry = https://registry.npmmirror.com/

如果上面的npm地址不行的话,可以试试淘宝的npm
https://registry.npm.taobao.org或者https://r.npm.taobao.org/

1
2
3
npm set registry https://registry.npm.taobao.org/
# 或者
npm --registry https://registry.npm.taobao.org/ info underscore

npm下载包路径

在安装完nodejs后,npm install -g jshint是被安装在默认路径(C:\Users\用户名\AppData\Roaming\npm)下的

可以通过修改nodejs安装路径下的node_modules/npm/.npmrc文件
prefix=D:\MyTools\nodejs\node_global (修改全局路径)
cache=D:\MyTools\nodejs\node_cache (修改全局路径)

请注意prefix、cache不能设置成一样的路径,否则通过npm安装模块时,会报错

npm 使用

1
2
3
4
5
6
7
8
9
10
11
12
# -S 是--save 的缩写,它可以让你安装的模块记录到package.json文件当中
npm install -S xxx

# 这是删除模块,也可以删除全局模块
npm uninstall xxx
npm uninstall -g xxx

# -D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save会将包的名称及版本号放在dependencies里面
npm install -D xxx

# 显示 webpack 配置
npm run eject

nrm:npm registry 设置

使用 nrm 进行多 registry 切换

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$ npm install -g nrm
$ nrm ls
D:\Workspace\vuejs-project>nrm ls

* npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - https://registry.npm.taobao.org/
nj ----- https://registry.nodejitsu.com/
rednpm - http://registry.mirror.cqupt.edu.cn/
npmMirror https://skimdb.npmjs.com/registry/
edunpm - http://registry.enpmjs.org/
# 切换源
$ nrm use taobao
Registry has been set to: https://registry.npm.taobao.org/

npm-check检查依赖包版本

1
2
3
4
5
6
# 安装 npm-check
npm install -g npm-check
# 检查 npm 包版本
npm-check -u -g
npm-check -u -S
npm-check -u -D
  • 本文作者: forever杨
  • 本文链接: https://blog.yl-online.top/posts/8d0f4649.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。如果文章内容对你有用,请记录到你的笔记中。本博客站点随时会停止服务,请不要收藏、转载!