21 maneiras de melhorar a produtividade com NPM

Sep 14, 2025
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

Como fazer um Mandelbulb

Como Sep 14, 2025

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

Comece com a impressão de monótipo

Como Sep 14, 2025

Às vezes você precisa sacudir as coisas com o seu Desenhos de lápis e solte o impulso de fazer demais. Uma das ..

Faça grama no motor irreal

Como Sep 14, 2025

Ao criar visualização arquitetônica, você precisa representar muitos detalhes, e um dos mais demorados é vegetação como gr..

Stitch e Composit 360 Footage

Como Sep 14, 2025

Com a adição do Plugin Cara Vr. Para Nuke, agora temos uma ferramenta poderosa à nossa disposição para costurar e compor nossas imagens 360. Neste tutorial ..

Mock up AR Graphics com os efeitos após

Como Sep 14, 2025

After Effects tem algumas ferramentas poderosas que podemos usar para imitar a realidade aumentada. Você pode achar isso necessário se, por exemplo, você queria fazer um vídeo de campo pa..

Introdução ao teste de usabilidade

Como Sep 14, 2025

Um produto Web bem-sucedido atende a não apenas as necessidades da sua organização, mas também as necessidades de seus usuários. Teste de usabilidade - Feito cedo e muitas vezes - é uma..

Desenvolva suas habilidades de caricatura

Como Sep 14, 2025

Quando decidi ser um ilustrador e caricaturista freelancer em tempo parcial, eu tinha muitos programas de pintura para escolher. ..

Como tornar o seu site WordPress multilíngue

Como Sep 14, 2025

Nos 10 principais idiomas usados ​​na Internet, inglês Classifica primeiro , com quase 950 milhões de usuár..

Categorias