21 maneiras de melhorar a produtividade com NPM

Jan 23, 2026
Como
21 ways to improve productivity with npm

Gerenciador de pacotes do Nó, ou NPM para curtos, vê USO em todo o mundo JavaScript. Como geralmente faz o seu trabalho com questões mínimas, os desenvolvedores tendem a esquecer o tempo gasto usando. Embora isso não seja um grande problema, o NPM contém um conjunto de características extremamente bacanas que se destinam a economizar muito tempo valioso.

Tal como acontece com a maioria das outras otimizações, nem toda medida é universalmente aplicável. As etapas a seguir mostram alguns "deveriam" que têm o potencial de melhorar a produtividade, faça você digitar menos ou reduzir o tempo de espera.

Quer alguns poupadores de tempo universal? Nosso guia para o melhor Construtor de sites vai fazer criação de sites uma brisa, armazenamento na núvem vai simplificar seu processo colaborativo e decente hospedagem na web. vai apoiar você sem fim.

  • 20 plugins jquery brilhantes

Estudar a arte de "NPM mais rápido" não é um fim em si mesmo. Além de deixar você terminar mais, mostrando as habilidades avançadas do console é uma maneira surfira de impressionar colegas e possíveis recrutadores - no espaço de trabalho hiper-competitivo de hoje, cada pouco ajuda, e impressionar os espectadores com alguns atalhos bacanos é uma ótima maneira de aumentar um tumulto.

Finalmente, algumas pessoas simplesmente ganham alegria de otimizar seus fluxos de trabalho. Então, em suma, dar uma olhada de maneiras de ajustar a NPM sempre faz sentido. Aqui estão algumas das melhores npm-whacks.

  • O que há de novo no Node.js 10?

01. Mate a barra de progresso

Como as operações da NPM podem ser bastante intensivas, uma barra de progresso aparece. Infelizmente, exibir leva tempo - em alguns casos, até 50% do tempo é gasto atualizando a interface do usuário. Felizmente, você pode eliminar a barra de progresso definindo a variável de ambiente de progresso para False. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / FuturenPM $
NPM definir progresso = falso
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / FuturenPM $
NPM obter progresso
FALSE

02. Pacotes desovantes sem digitar

21 ways to improve productivity with npm: Spawn packages without typing

Node.js gera um pacote padrão.json

Repetido, martelamento ritual da chave de retorno acompanha a criação de novos projetos de NPM em muito longe. Isso é totalmente desnecessário - simplesmente passe o parâmetro -Y. para confirmar todos os padrões oferecidos pelo assistente de implantação. Node.js gera um pacote padrão.json com o conteúdo que são mostrados na imagem acima. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
FastNodetest $ NPM init -y

03. Não digite comandos

Os comandos do nó consistem em um verbo e um ou mais parâmetros. Usado comumente - 'install' vem à mente imediatamente - pode ser substituído por abreviaturas curtas de letras simples. De um ponto de vista técnico, npm I. e NPM Install. são os mesmos: a única diferença é a quantidade de digitação que é necessária para inseri-las. 

 NPM install gulp-debug
npm eu galoi-debug

04. Mate outros verbos também

21 ways to improve productivity with npm: Kill other verbs too

Usar formas curtas é uma boa maneira de demonstrar habilidades de NPM

Aliás, instalar não é o único comando que é devido para uma aceleração. Uma olhada cuidadosa na saída da lista de comandos na figura revela que a configuração, teste, pesquisa e vários outros verbos também obtém o tratamento de abreviação. Fazer uso dessas formas curtas é uma boa maneira de demonstrar proficiência de NPM - especialmente se você explicá-los antes de usá-los pela primeira vez.

05. Listar todas as dependências

Descobrir se o pacote A depende do pacote B tende a ser bastante tedioso. No entanto, a NPM sabe disso por padrão e de bom grado compartilha seu conhecimento com você. Basta entrar npm ls. Para inundar seu terminal com uma representação semelhante à árvore de todas as dependências e suas subdependências, ou você pode limitar a profundidade da árvore passando em --depth = 0. . 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
FastifyTest $ NPM LS --depth = 0
[email protected] / Home / Tamhan / Nodespace
└── [email protected]

06. Detectar pacotes desatualizados

Os aplicativos da Web de hoje estão em uma granizo interminável de ataques de erros de ouvidos. Encontrar dependências desatualizadas no projeto baseado em nó é agora tão fácil quanto entrar NPM desatualizado - O programa verifica seu cache e fornece uma lista de overaged pacotes. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace /
FastifyTest $ NPM desatualizado
Pacote Current queria ÚLTIO Localização
FAÇAMENTE 1.11.2 1.13.3 1.13.3 Nodespace

07. Encontre a fonte

21 ways to improve productivity with npm: Find the source

Encontre amostras e documentação úteis para pacotes em seus repositórios do GitHub

A maioria dos pacotes da NPM vive dentro de um repositório github. Esses sites geralmente não se limitam a fornecer o código-fonte do pacote - na maioria dos casos, você também pode encontrar amostras e documentação úteis. Abra o URL associado ao seu pacote inserindo o repo & lt; packagename & gt; - Na maioria dos casos, o site do repositório aparecerá no navegador da sua estação de trabalho. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM repo
FREDE

08. Inspecione um pacote

21 ways to improve productivity with npm: Inspect a package

Inserindo a visualização NPM pode produzir informações valiosas

Os arquivos de manifesto do pacote contêm informações valiosas. Inserindo a visão de NPM, ou sua taquigrafia V. , mostra a visão de visão fotográfica na captura de tela acompanhando esta etapa. Entre outras coisas, você geralmente descobrirá a versão beta e estável mais recente, juntamente com informações sobre formato de distribuição e mantenedores. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM View
jquery

09. Encontre nomes exatos

A figura que acompanha a etapa 08 mostra uma declaração informando-nos que 48 versões da biblioteca estão disponíveis. Descobrir seus nomes exatos é melhor realizado através de uma versão especializada do npm v. - Despõe uma lista de todas as strings conhecidas. Tenha em mente que a listagem que acompanha esse passo tinha que ser abreviada por razões de impressão. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPM V
versões jquery.
['1.5.1',
'1.6.2',
. . .
'3.0.0-alfa1',
'3.0.0-beta1',
'3.0.0-RC1',
'3.0.0',
'3.1.0',
'3.1.1',
'3.2.0',
'3.2.1',
'3.3.0',
'3.3.1']
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $

10. Encontre nomes de pacotes desconhecidos

21 ways to improve productivity with npm: Find unknown package names

O comando de pesquisa pode ajudá-lo quando você não conhece um nome de pacote

Para usar muitos dos comandos acima mencionados, requer o nome do pacote exato. Se você não souber por algum motivo, o comando de pesquisa está pronto para ajudar. É preciso mais de strings e produz todos os nomes de pacotes um pouco associados a eles em uma forma tabular. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Npm
Pesquisar VUE

11. Procure ainda mais

21 ways to improve productivity with npm: Search even more

O fio pode encontrar os pacotes que iludem os melhores esforços do NPM

Deve procurar NPM não retornar sem leads úteis, o Motor de pesquisa de fios faz para uma próxima parada lógica. É uma pré-visualização para um mecanismo de pesquisa local mais poderoso, mas, no entanto, a caixa de texto no topo da página tem um jeito de encontrar pacotes de outros motores tendem a ignorar.

12. Adicionar auto-conclusão

O IntelliSense da Microsoft foi o produto seminal para familiarizar as gerações de programadores com os benefícios do autocomplete de um clique. O NPM suporta um recurso semelhante, cuja ativação é realizada através da sequência de comandos mostrada. Depois disso, pressione Tab para fazer Bash AutoCompletar sua entrada. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Npm
Conclusão e GT; & gt; ~ / .bashrc.
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Fonte
~ / .bashrc

13. Configuração de arnês Configurações

21 ways to improve productivity with npm: Harness configuration settings

Definir padrões para mover as coisas ao longo

O comando de inicialização NPM acima mencionado faz um grande primeiro passo para o mundo das configurações. Tente os dois comandos a seguir para definir padrões que serão usados ​​em todos os arquivos de projeto recém-criados. 

 NPM config set init.author.name & lt; name & gt;
NPM config set init.author.email & lt; e-mail e gt;

14. Link para pacotes locais

Desenvolvedores trabalhando em um pacote e um ou mais produtos com base nele devem usar o recurso de link do NPM. Ele gera um link de symlink conectando a pasta do pacote local aos projetos. Dessa forma, muda se propagam automaticamente. 

 git clone & lt; pkgurl & gt;
CD & lt; pkgname & gt;
link de npm.
CD ../site.
NPM link & lt; pkgname & gt;

15. Obtenha versões específicas de pacotes

Usando npm I. Geralmente implanta a versão mais recente de qualquer pacote que ele pode encontrar. Escolher uma versão específica ou mais antiga também é possível. Simplesmente use o. @ Operador para especificar suas necessidades - as amostras que acompanham esta etapa exigem uma versão específica e nomeada do VUE. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Npm i
[email protected].
Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ Npm i
vue @ beta

16. Listar todas as configurações de configuração

21 ways to improve productivity with npm: List all configuration settings

Há uma abundância de configurações para jogar com

O sistema de configuração acima mencionado funciona com um conjunto de variáveis ​​de ambiente. Liste seu conteúdo inserindo NPM Run Env. e perseguindo os resultados através do grep. Utilitário. A imagem acima mostra apenas algumas das configurações disponíveis. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace / Nodetest2 $
NPM Run Env | grep npm_
npm_config_cache_lock_stale = 60000.
npm_config_ham_it_up =.
npm_config_legacy_bundling =.
npm_config_sign_git_tag =.
. . .

17. Crie uma variável personalizada

O NPM não limita você a variáveis ​​criadas pelo sistema. O snippet que acompanha esta etapa carrega um arquivo que pode declarar variáveis ​​próprias. 

 "Config": {
"Build_Folder": "./ dist"
}

18. Use-o em raiva

Quando o arquivo acima mencionado estiver no lugar, a variável recém-gerada se comportará apenas como qualquer um dos seus colegas. Pode ser usado em vários comandos, permitindo que você mude seu comportamento a gosto na mosca. 

 "scripts": {
"Construir": "Gulp Build - Dist $ NPM_Package_
config_build_folder "
}

19. Gerenciar versões Node.js e NPM inteligentemente

Alguns programas dependem de versões específicas do ambiente do Node.js ou do Nó.JS Package Manager. Mitigar essas fontes de problema com o Nó Version Manager documentado aqui - Introdução é muito fácil graças a um script de instalação de um clique. 

 Curl -O- https://raw.githubusercontent.com/creativionix/nvm/v0.33.11/install.sh | Bash

generate, the award winning conference for web designers, returns to NYC on April 24-25! Click the image to book a ticket

Gerar, a premiada conferência para web designers, retorna a NYC em 24 a 25 de abril! Clique na imagem para reservar um ticket

20. Corra sem instalação

21 ways to improve productivity with npm: Run without installation

Economize tempo executando pacotes imediatamente com NPX

Geradores de andaimes e programas semelhantes geralmente são executados apenas uma vez na vida de um projeto. Baixar manualmente e executá-los fica tedioso rapidamente. O pacote de nó é executado, ou NPX, pode executar pacotes imediatamente. Se os arquivos necessários não estiverem disponíveis, o programa basta baixá-los antes de iniciar a execução. 

 Tamhan @ Tamhan-ThinkPad: ~ / Nodespace $ NPX
Criar-reagem-app my-app

21. Ditch que WiFi

Vamos colocar o truque de ajuste mais controverso no final. Ditriting WiFi para uma conexão com fio ao seu roteador corta um precioso 10 a 20 milissegundos de cada viagem de ida e volta. A longo prazo, essas economias são somadas - especialmente ao olhar para operações que envolvem centenas de trocas de pacotes.

Este artigo foi originalmente publicado em questão 284 da revista Creative Web Design Web designer . Comprar edição 284 aqui ou Inscreva-se no web designer aqui .

Artigos relacionados:

  • Comece com Babel 7
  • 8 Prototipagem Essencial e Ferramentas de Construção
  • Desenvolver componentes reutilizáveis ​​reagir

Como - Artigos mais populares

Comece com Artrage

Como Jan 23, 2026

(Crédito da imagem: Steve Goad) Começar com artrge 01. Seja configurado em artrg..

Um guia para as ferramentas da Web do Google

Como Jan 23, 2026

Página 1 de 5: Visualizar e alterar HTML, CSS & AMP; Js. Visualizar ..

Como fazer um Mandelbulb

Como Jan 23, 2026

Um mandelbulb é um fractal tridimensional que está se tornando cada vez mais popular em Arte 3D. e vfx. Neste ar..

Criar efeitos de ondulação com Pixijs

Como Jan 23, 2026

Há muitos efeitos interessantes que podem ser adicionados a uma página para aumentar o engajamento, mas é importante escolher ..

Pinte uma configuração de jogo de ficção científica no Photoshop

Como Jan 23, 2026

Eu sempre achei que a originalidade é encontrada em algum lugar entre o que você gosta e o que você observa. Eu amo misturar f..

Construa um site de comércio eletrônico a partir do zero

Como Jan 23, 2026

Ecommerce tornou-se tão popular nos últimos anos, é agora difícil imaginar um futuro sem ele. O poder da Internet fez conecta..

Branding Pros compartilham como eles unha a voz da marca

Como Jan 23, 2026

Quando você está focado no lado do projeto das coisas, pode ser fácil esquecer o quão importante o bom copywriting pode ser p..

Crie texturas tileable deslumbrantes no Blender

Como Jan 23, 2026

Pagina 1 de 2: Página 1 Página 1 Pági..

Categorias