npm Taobao mirror modification explanation

npm Taobao mirror modification explanation

1. Top-level usage

1. Install cnpm

npm i -g cnpm --registry=https://registry.npm.taobao.org

2. Then you can install the dependent packages with cnpm

cnpm i -g vue vue-cli

3. Check with cnpm config ls

E:\My Project\2018-08>cnpm config ls
; cli configs
disturl = "https://npm.taobao.org/mirrors/node"
metrics-registry = "https://registry.npm.taobao.org/"
registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64"
userconfig = "C:\\Users\\Administrator\\.cnpmrc"

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\My Project\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.


E:\My Project\2018-08>

You will find that the registry has become a Taobao mirror (warehouse): https://registry.npm.taobao.org/

[The "mirror" in this article is equivalent to the "warehouse", the same below]

2. Original npm

1. View the original configuration npm config ls

E:\My Project\2018-08>npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"

; userconfig C:\Users\Administrator\.npmrc
cache = "D:\\Program Files\\nodejs\\node_cache"
prefix = "D:\\Program Files\\nodejs\\node_global"

; builtin config undefined

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\My Project\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.


E:\My Project\2018-08>

You will find that the registry inside is the original image of npm: https://registry.npmjs.org/

2. npm temporarily uses Taobao mirror to install dependent packages

npm i -g express --registry https://registry.npm.taobao.org

3. npm uses Taobao mirror to install dependent packages

npm config set registry https://registry.npm.taobao.org
npm i -g express

Note that this is not recommended, because it completely sets the npm image to the Taobao image. If some of our dependent packages are only available in the npm original image but not in Taobao, it will be a tragedy. So it is best to separate npm and cnpm.

3. Some common settings

1. Check [npm and cnpm are 2 different]

npm config ls
cnpm config ls

2. Settings: mainly set cache and prefix

npm cofig set cache "D:\Program Files\nodejs\node_cache"
npm cofig set prefix "D:\Program Files\nodejs\node_global"

cnpm cofig set cache "D:\Program Files\nodejs\node_cache"
cnpm cofig set prefix "D:\Program Files\nodejs\node_global"

3. Final Result

E:\My Project\2018-08>cnpm config ls
; cli configs
disturl = "https://npm.taobao.org/mirrors/node"
metrics-registry = "https://registry.npm.taobao.org/"
registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64"
userconfig = "C:\\Users\\Administrator\\.cnpmrc"

; userconfig C:\Users\Administrator\.cnpmrc
cache = "D:\\Program Files\\nodejs\\node_cache"
prefix = "D:\\Program Files\\nodejs\\node_global"

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\My Project\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.


E:\My Project\2018-08>npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"

; userconfig C:\Users\Administrator\.npmrc
cache = "D:\\Program Files\\nodejs\\node_cache"
prefix = "D:\\Program Files\\nodejs\\node_global"

; builtin config undefined

; node bin location = D:\Program Files\nodejs\node.exe
; cwd = E:\My Project\2018-08
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.


E:\My Project\2018-08>

This is the end of this article about the modification of npm Taobao mirror. For more relevant npm Taobao mirror content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • Detailed explanation of how to modify the npm configuration item registry to Taobao mirror
  • How to configure domestic mirror resources + Taobao mirror with npm
  • Graphic tutorial on installing Vue.js using Taobao mirror cnpm
  • How to change the default global path and domestic image of npm
  • Several solutions to the failure of npm domestic mirror installation
  • Use NPM Taobao's node.js image to speed up nvm
  • Introduction and usage of domestic NPM images provided by Taobao

<<:  Tutorial on installing MySQL 5.7.28 on CentOS 6.2 (mysql notes)

>>:  Graphical tutorial on installing JDK1.8 under CentOS7.4

Recommend

Detailed explanation of the implementation method and usage of CSS3 border-radius rounded corners

In the past, it was quite troublesome to achieve ...

Detailed explanation of several methods of installing software in Linux

1. RPM package installation steps: 1. Find the co...

JavaScript to switch multiple pictures

This article shares the specific code of JavaScri...

32 Typical Column/Grid-Based Websites

If you’re looking for inspiration for columnar web...

MySQL optimization tutorial: large paging query

Table of contents background LIMIT Optimization O...

Docker file storage path, get container startup command operation

The container has already been created, how to kn...

How to pass the value of the select drop-down box to the id to implement the code

The complete code is as follows : HTML code: Copy ...

How to introduce pictures more elegantly in Vue pages

Table of contents Error demonstration By computed...

Summary of Mysql update multi-table joint update method

Next, I will create two tables and execute a seri...

Top 10 useful and important open source tools in 2019

In Black Duck's 2017 open source survey, 77% ...

Some properties in CSS are preceded by "*" or "_".

Some properties in CSS are preceded by "*&qu...

Detailed steps to install Anaconda on Linux (Ubuntu 18.04)

Anaconda is the most popular python data science ...

3 ways to create JavaScript objects

Table of contents 1. Object literals 2. The new k...

Detailed explanation of Docker+Jenkins+Gitlab+Django application deployment practice

1. Background In the context of rapid updates and...

MySQL query statement simple operation example

This article uses examples to illustrate the simp...