1 安装nvm

在mac或者linux系统下安装nvm可以通过curl或者wget命令,在windows下可能需要nvm windows平台版本,从略。

  1. #通过curl下载并安装
  2. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.0/install.sh | bash
  3. #或者
  4. wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.0/install.sh | bash
  5. #将nvm添加到系统命令中
  6. export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
  7. [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

配置nvm安装镜像地址,这样可以通过淘宝的开源镜像来安装不同版本的node,可以极大地提高node安装速度。在使用bash终端(linux或者wsl系统默认)时,修改 ~/.bashrc 或者 ~/.bash_profile 文件,在文件末尾添加如下行之后,输入 source ~/.bashrc 以使当前改动生效:

  1. NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node

也可以在安装不同版本的node文件时通过如下命令直接指定node的镜像地址。

  1. NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node nvm install 12

2 通过nvm安装node

  1. nvm install node #默认node为最新版本的别名alias,如果要安装其他版本可以用如下
  2. nvm install v10.16.3 #安装指定版本的node
  3. nvm ls #查看本地node版本列表
  4. nvm ls-remote |grep v10.* #查看远程v10开头的node版本
  5. nvm use node #使用最新版的node,用其他指定版本nvm use 10.16.3类似格式
  6. nvm current #查看当前正在使用的node版本

3 配置npm使用淘宝镜像,安装yarn并指向淘宝仓库

由于国内访问npm速度很慢,可以配置并使用npm的淘宝镜像(也可以通过安装cnpm/不推荐)。另一个常用的软件管理包yarn也可以安装并将其仓库指向淘宝。

  1. npm config set registry https://registry.npm.taobao.org //配置npm源为淘宝的源
  2. npm --registry=https://registry.npm.taobao.org [npm命令] //不全局配置安装源,针对单个设备安装仓库
  3. npm install -g cnpm --registry=https://registry.npm.taobao.org #全局安装cnpm
  4. cnpm install yarn -g #通过cnpm全局安装yarn
  5. yarn config set registry https://registry.npm.taobao.org -g #设置yarn的全局变量为淘宝仓库
  6. cnpm install -g npx #安装npx用于直接执行node包

其他常用的 npm 配置命令包括:

  1. npm config set <key> <value> [-g|--global] //给配置参数key设置值为value
  2. npm config get <key> //获取配置参数key的值;
  3. npm config delete <key> //删除置参数key及其值;
  4. npm config list [-l] //显示npm的所有配置参数的信息;
  5. npm config edit //编辑配置文件
  6. npm get <key> //获取配置参数key的值;
  7. npm set <key> <value> [-g|--global] //给配置参数key设置值为value

npm 的配置实质上是通过配置文件实现的。配置文件一般在 ~/.npmrc 下,可以直接通过编辑该文件来实现上述设置。以下示例第一行和前面的
npm config set registryhttps://registry.npm.taobao.org 效果相同

  1. registry=https://registry.npm.taobao.org/
  2. NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node //本行用于配置Electron仓库,见下节

4 配置与安装Electron

在国内环境下安装Electron很困难,直接通过npm安装时系统会尝试从Electron官方下载,需要单独为其配置仓库到淘宝镜像。可以通过 npm config set 命令或者编辑 ~/.npmrc 文件实现(见前节文件最后一行)。

  1. //配置仓库并全局安装electron
  2. ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
  3. npm install -g electron
  4. //安装electron_builder
  5. ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/ electron-builder build
  6. //安装electron-rebuild
  7. electron-rebuild -d=http://npm.taobao.org/mirrors/atom-shell
  8. electron-rebuild -d=http://npm.taobao.org/mirrors/atom-shell -f -w $module_with_c++_code

5 其他软件的安装和配置

除了 npmelectron ,其他一些需要单独配置的软件,在淘宝的npm镜像站上都有说明

  1. //node-sqlite3
  2. npm install sqlite3 --node_sqlite3_binary_host_mirror=http://npm.taobao.org/mirrors
  3. //node-sass
  4. SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass npm install node-sass
  5. //selenium-standalone
  6. // choose selenium version
  7. selenium-standalone install --version=2.43.0 --baseURL=http://npm.taobao.org/mirrors/selenium
  8. //choose chrome driver version
  9. selenium-standalone install --drivers.chrome.version=2.12 --drivers.chrome.baseURL=http://npm.taobao.org/mirrors/chromedriver
  10. //choose ie driver architecture
  11. selenium-standalone start --drivers.ie.arch=ia32 --drivers.ie.baseURL=http://npm.taobao.org/mirrors/selenium
  12. //node-inspector
  13. //npm version
  14. npm install node-inspector --profiler_binary_host_mirror=http://npm.taobao.org/mirrors/node-inspector/
  15. //yarn version
  16. npm_config_profiler_binary_host_mirror=http://npm.taobao.org/mirrors/node-inspector/ yarn add node-inspector
  17. //yarn global version
  18. npm_config_profiler_binary_host_mirror=http://npm.taobao.org/mirrors/node-inspector/ yarn global add node-inspector
  19. //windows-build-tools
  20. set "PYTHON_MIRROR=http://npm.taobao.org/mirrors/python" && npm install --global --production windows-build-tools
  21. //cypress端到端测试软件
  22. npm config set CYPRESS_INSTALL_BINARY=https://npm.taobao.org/mirrors/cypress/6.8.0/win32-x64/cypress.zip //windows系统
  23. npm config set CYPRESS_INSTALL_BINARY=https://cdn.cypress.io/desktop/6.8.0/linux64/cypress.zip //linux系统

参考资料: