[Compilação e compartilhamento] Comandos npm comuns necessários para desenvolvimento front-end

Entrada front-end (vue) para curso de domínio: entre para aprender

as configurações de origem do npm

• Consultar a configuração de origem atual

npm obter registro

• Definir fonte de espelho Taobao (espelho Taobao novo nome de domínio)

npm config set registro https://registry.npmmirror.com

antigo http://npm.taobao.org e http://registry.npm .taobao O nome de domínio .org cessará o serviço a partir das 0h do dia 31 de maio de 2022. Portanto, não use o comando antigo:
registro do conjunto de configurações npm http://registry.npm.taobao.orgRestaurar

• de origem padrão

https://registry.npmjs.orgUse

• nrm para gerenciar fontes

# Instale o nrm globalmente
npm instalar -g nrm
# Ver lista de fontes nrm (suporta fonte padrão, fonte Taobao, fonte Tencent, etc.)
nrmls
# Switch source (o nome da fonte do espelho pode ser visto por nrm ls)
nrm use taobao

• para adicionar o arquivo .npmrc no diretório raiz do projeto. O conteúdo do endereço do espelho Taobao é:

registro = https://registry.npmmirror.com

para instalar dependências.

• Instalação global

#Instale a versão mais recente npm install -g xxx
 #Instale a versão especificada npm install -g [email protected]

• instalação local (pasta atual)

npm install xxx

• projeto depende da instalação e grave-o nas dependências de package.json :

npm install -S xxx 
# Mesmo efeito acima, padrão:

npm install xxx

• são instaladas e gravadas em devDependencies de package.json :

npm install –D xxx

• especifica o número da versão

npm install

• projeto [email protected] Esta dependência de instalação usa temporariamente o espelho Taobao

npm install --registry=https: //registry.npmmirror.com

• instala um pacote de dependência (o comando a seguir especifica a versão @1.0.0) e usa temporariamente o espelho Taobao:

npm install [email protected] --registry=https://registry.npmmirror.com

para desinstalar, confie

• Desinstale

npm unlock <package-name>

• e remova-o em package.json:
  Usando o sinalizador -S ou --save, esta operação também remove referências no arquivo package.json;
  Se o pacote for uma dependência de desenvolvimento (listada em devDependencies no arquivo package.json), ele deverá ser removido do arquivo usando o sinalizador -D ou --save-dev.

npm desinstalar -S <nome do pacote>
npm desinstalar -D <nome do pacote>

• Desinstalar dependências globais

npm desinstalar -g <nome do pacote>

• prompt
  Alias ​​​​de desinstalação: remove, rm, r, un, unlink são todos aliases de desinstalação do npm.

npm desinstalar -S <nome do pacote>
# Equivalente a npm remove -S <nome do pacote>
# Equivalente a npm rm -S <nome do pacote>

atualização

• Primeira verificação para atualizar

o npm desatualizado

Os pacotes marcados em vermelho são atualizáveis ​​e os pacotes marcados em amarelo não são atualizáveis.

• Execute uma atualização (apenas a versão do patch ou versão secundária será atualizada, não a versão principal)
  Se você não conhece as versões primária e secundária, há uma descrição do número da versão abaixo, role para baixo.

npm update

• atualiza a versão principal

# 1. Instale o módulo "npm-check-updates" npm install -g npm-check-updates  
# 2. Verifique o módulo atualizável ncu  
npm-check-updates  
# Ambos os comandos acima podem verificar módulos atualizáveis. Em seguida, atualize o pacote de dependência package.json para a versão mais recente:  

#Atualize todas as versões nas dependências e devDependencies do arquivo package.json ncu -u  
#Execute o comando acima para atualizar todos os módulos. No entanto, no desenvolvimento real, não é recomendado atualizar todos de uma vez. Você pode atualizar os módulos especificados de acordo com as necessidades reais e adicionar -D, -S ou -g no final de acordo com o escopo

2

# Instale o npm-check globalmente.
npm install -g npm-check
# Verifica as dependências atualizáveis ​​npm-check
# Atualizar dependências npm-check -u

# Outra maneira de atualizar a versão principal é desinstalar primeiro e depois reinstalar # Desinstalar npm desinstalar xxx
# Reinstalar a versão mais recente npm install xxx
# Reinstalar - Especifique a versão npm install [email protected]

para visualizar

• Ver a versão do npm

npm -v

• Ver a versão do pacote instalado
  

nome do pacote npm -v

• Ver npm help

npm help

• Ver todas as pastas usadas pelo npm

npm help pastas

• Ver lista de módulos (ver a lista de módulos instalados localmente)

npm list
# Você também pode usar a abreviatura ls
npm ls

• para visualizar pacotes instalados globalmente

npm list -g --profundidade 0

• para visualizar a versão de um pacote

npm list vue-cli

• para visualizar a pasta package.json do módulo do nó

npm view moduleNames

• para visualizar as dependências do pacote

npm view Dependências moudleName

• para visualizar o endereço do arquivo fonte do pacote

npm view moduleName repositório.url

• Visualize a versão do Node da qual o pacote depende

npm view moduleName motores

• Visualize o caminho de instalação do pacote atual

npm root

• Visualize o caminho de instalação do pacote global

npm root - g

• Verifique se o pacote está desatualizado

  Este comando listará todos os pacotes desatualizados que podem ser atualizados a tempo.

npm desatualizado

• acessa a pasta json do npm.

  Um pacote npm é uma pasta que contém package.json. O método para acessar a pasta json do npm é o seguinte:

npm help json

Este comando abrirá uma página da web da maneira padrão. Se o programa de abertura padrão for alterado, ele pode não abrir como uma página da web.

• Verifique se o nome do pacote já existe

  Ao publicar um pacote npm, você precisa verificar se um determinado nome de pacote já existe

npm search packageName.

# Você também pode usar a abreviatura s em vez de pesquisar 
npm s packageName

npm outros comandos

npm cache clean # Limpa cache npm npm prune # Limpa pacotes não utilizados no projeto npm desatualizado # Verifica se o módulo está desatualizado npm repo jquery # Irá abrir o navegador padrão e pular para a página jquery no github npm docs jquery # Irá abrir o padrão o navegador salta para as informações do arquivo README.MD do jquery no github npm home jquery # O navegador padrão será aberto para pular para a página inicial do jquery no github

npm número da versão do pacote de dependência

O formato do número de versão npm XYZ

representa: número de versão principal.número de versão secundária.número de revisão As regras de incremento

• do

número de versão são as seguintes: A funcionalidade compatível com versões anteriores é adicionada,

• Z. Número de revisão: quando você faz uma correção de problema compatível com versões anteriores.

Número de versão da biblioteca dependente, o símbolo

• não possui nenhum símbolo

1.0.0
É uma correspondência de 100% A biblioteca/projeto atual deve usar o número da versão atual. Se a mesma biblioteca e versões diferentes forem usadas para outras dependências, uma pasta node_modules será criada na pasta da biblioteca para armazenar os arquivos de versão necessários. depender.

• O número ~

não altera o número da versão principal e o número da versão secundária. O número da revisão pode ser alterado à vontade. Por exemplo, ~2.0.0, você pode usar as versões 2.0.0, 2.0.2 e 2.0.9.

• O número ^

não altera o número da versão principal (o número da versão principal não é 0). Este número de versão e número de revisão podem ser alterados à vontade. Por exemplo, ^2.0.0, você pode usar as versões 2.0.1, 2.2. 2 e 2.9.9.

• O sinal

* significa que qualquer versão não tem restrições de versão. Geralmente, "base": "*" não é

• O sinal *

é maior que uma determinada versão, o que significa que desde que o pacote de instalação seja maior que. esta versão, tudo bem. Por exemplo: "node": "> 4.0.0"

• > Se o sinal =

for maior que uma determinada versão, significa que qualquer pacote de instalação maior ou igual a esta versão será. bem. Por exemplo: "node": ">= 4.0.0"

• o sinal <

for menor que uma determinada versão, significa que qualquer pacote de instalação menor que esta versão será adequado. Por exemplo: ："http-. proxy-middleware": "<0.17.3"

• O número <=

é menor ou igual a uma determinada versão, o que significa que, desde que o pacote de instalação seja menor ou igual a esta versão, tudo bem. Por exemplo : "http-proxy-middleware": "<= 0.17.3"

• -number

-indica a versão entre os dois números de versão "base": "1.0.1-1.5.9"
Por exemplo, 1.0.1-1.5.9 pode usar qualquer versão entre 1.0.1 e 1.5.9