Como instalar o Node.js com sucesso e usar npm e yarn no terminal VS Code?

1. O que é Node.js?

Node.js é um ambiente de tempo de execução JavaScript de código aberto e plataforma cruzada. O Node.js foi escrito em 2009. O autor original foi o engenheiro de software americano Ryan Dahl [1] ... O Node.js nasceu há pouco mais de 10 anos, o JavaScript existe há 26 anos e a Web existe há 33 anos.
Node.js não é uma linguagem independente. O código do Node.js é dividido principalmente em três tipos: JS, C++ e C. Quase metade de seu código subjacente é usado para construir filas de eventos e filas de funções de retorno de chamada e é concluído usando drivers de eventos.Agendamento de tarefas do servidor.

 

O Node.js executa o mecanismo JavaScript V8 (o núcleo do Google Chrome) fora do navegador.

Os aplicativos Node.js são executados em um único processo, eliminando a necessidade de criar novos threads para cada solicitação. Node.js fornece um conjunto de primitivas de E/S assíncronas em sua biblioteca padrão para evitar o bloqueio do código JavaScript. Normalmente, as bibliotecas em Node.js são escritas usando um paradigma sem bloqueio, tornando o comportamento de bloqueio uma exceção e não a norma.

Quando o Node.js executa uma operação de E/S (como leitura da rede, acesso a um banco de dados ou sistema de arquivos), o Node.js retoma a operação quando a resposta retorna (em vez de bloquear o thread e desperdiçar ciclos de CPU esperando).

Isso permite que o Node.js lide com milhares de conexões simultâneas usando um único servidor sem introduzir a carga de gerenciamento da simultaneidade de threads (que pode ser uma fonte significativa de erros).

Node.js tem uma vantagem única: os desenvolvedores front-end que escrevem JavaScript para navegadores agora podem escrever código do lado do servidor, além do código do lado do cliente, sem aprender uma linguagem completamente diferente, o que pode facilitar o desenvolvimento front-end. Tanto os navegadores quanto o Node.js usam JavaScript como linguagem de programação, mas construir aplicativos que rodam em um navegador é completamente diferente de construir aplicativos para Node.js. [2]

2. Grandes projetos ou empresas famosas que usam Node.js


A NASA, diante do desafio de mover todos os dados dos trajes espaciais EVA para um banco de dados em nuvem, adotou o Node.js, que ajudou a reduzir o número de etapas processuais de 28 para 7; a Netflix, o maior provedor de streaming e VOD do mundo, com mais de 130 milhões usuários, migrou seu back-end de Java para Node.js.
O PayPal migrou de Java para Node.js, o que melhorou o tempo de resposta da página em 200 ms e dobrou o número de solicitações que pode atender por segundo.
Outros, como Uber, LinkedIn, Yahoo e Walmart, usam Node.js;
há também Hyperledger Fabric SDK para Node.js, etc. [3]

3. Como instalar o node.js com sucesso?

1. Baixe o mecanismo nodejs, versão 32 bits ou versão 64 bits, escolha de acordo com o seu computador. Aqui tomamos o W11 como exemplo.
2. Baixe a versão mais recente do pacote compactado no formato npm zip  Node.js

 

 

 3. Crie um arquivo node.js no disco rígido, como a unidade D, descompacte os arquivos baixados e coloque-os aqui.
4. Configure duas variáveis ​​de ambiente: uma é adicionar o diretório D:\node.js de node.exe ao PATH e a outra é adicionar uma variável de ambiente separada NODE_PATH com o valor D:\node.js\node_modules.

 

Defina uma variável de ambiente separada

 

 

5. Consulte um método de instalação tradicional (Nota: Recomenda-se usar a instalação do espelho Taobao na China. A frequência de sincronização do espelho Taobao é atualmente uma vez a cada 10 minutos para garantir que esteja o mais sincronizado possível com o serviço oficial.) O npm armazém é um servidor externo, que muitas vezes não consegue se conectar ou é instalado
lentamente . Recomenda-se usar o espelho Taobao NPM para instalação. Não há obstáculo para a instalação expressa no exterior. Pressione o ícone W + tecla de atalho R no teclado ao mesmo tempo, digite cmd, entre no terminal e digite o seguinte comando: d: Digite a unidade
D, digite: cd node.js e digite:
npm install express "Instalar express em um caminho relativo" ou Digite npm install express -g "Instalar express em um caminho absoluto" [4]

Espelho Taobao:
npm config set registro  https://registry.npm.taobao.org

Digite node -v e se a versão do node.js for exibida, conforme mostrado na imagem acima v16.14.0, isso indica uma instalação bem-sucedida.
Quando instalei o node.js no exterior, às vezes era fácil e às vezes sem sucesso. Também usei espelhos domésticos e tutoriais de instalação domésticos, mas não consegui instalar com sucesso depois de trabalhar em vão por vários dias. Às vezes segui as instruções do documento original em inglês. Funcionou rapidamente. Julgo que o motivo ainda é um problema de caminho e uma confusão na estrutura de diretórios.

4. Como abrir o terminal no VS Code para encontrar o nó no terminal VS Code e usar npm
1. No estado em branco, não importe nenhum arquivo no início, selecione o terminal VS Code e crie um novo terminal. Se o arquivo já foi aberto antes, ele será inserido no projeto por padrão e precisará ser excluído.

 

Etapa 1, 2

 Antes da etapa 12, você pode inserir dir para visualizar o diretório (esta etapa de visualização é opcional)

5. Como instalar o Yarn no terminal vs code

1. O Yarn parece compensar algumas deficiências do npm. npm é o sistema de gerenciamento de pacotes padrão do Node.js escrito em JavaScript.
2.Yarn é um sistema de empacotamento de software desenvolvido pelo Facebook em 2016 para o ambiente de execução JavaScript Node.js , fornecendo velocidade, consistência, estabilidade e segurança como alternativa ao npm (gerenciador de pacotes).
3. O Yarn foi criado por meio de uma colaboração entre Facebook, Exponent, Google e Tilde para resolver os problemas de consistência, segurança e desempenho que o Facebook enfrenta com grandes bases de código.

Em projetos como o vue , o fio trará muita comodidade ao desenvolvimento.
Então, como instalar o Yarn no VS Code? Depois de instalar o Node nas etapas acima, o npm será instalado automaticamente. Se você não conseguir encontrar o número da versão por meio do npm -v, saia do VS Code e digite novamente para tentar. Se a instalação não for bem-sucedida, é recomendável excluí-lo completamente e reinstalar o Node.
Portanto, ao instalar software de desenvolvimento na unidade D, às vezes você precisa formatar a unidade D e excluí-la completamente. Observe que alguns softwares antivírus que acompanham o seu computador devem ser excluídos durante a reinstalação do sistema.

Digite no terminal: npm instal -g Yarn  install Yarn [5]

6. Como configurar o ambiente de desenvolvimento do seu projeto VUE através do Yarn?
d: cd\insira seu próprio projeto, como
PS C:\Users\wangs> d:

PS D:\> nó -v

v16.14.0

PS D:\> wamp64\www\john-php (www é seguido pelo nome do seu próprio projeto) Digite o seguinte comando para configurar o ambiente de dependência de desenvolvimento VUE por meio do fio.
A primeira etapa é inserir o seguinte comando: yarn global add @vue/cli
A segunda etapa é inserir o seguinte comando. Se a instalação falhar, basta inserir vue create my-project

yarn global add @vue/cli-service-global @vue/cli-service

.

Use o fio para instalar o VUE globalmente (gLobal significa global)

 

Instalação bem-sucedida

vue criar meu projeto (criar um novo projeto)

Funciona nos computadores de outras pessoas, mas não no meu.
Vários artigos na Internet que apresentam métodos parecem funcionar, mas não consigo acompanhar as imagens sozinho.
Como iniciamos um grande número de solicitações inúteis durante o processo de instalação, se o download falhar, a solicitação será automaticamente solicitada novamente.Quando a ordem de instalação das dependências for diferente, a estrutura do diretório pode mudar, o que muitas vezes faz com que todo o processo de instalação falhar. Você gastará muito tempo desnecessário e valioso nisso. Certa vez, passei seis dias seguidos resolvendo um bug em um software aplicativo blockchain devido a versões de software de compactação inconsistentes, então decidi usar o fio.

yarn cria meu projeto


Desvantagens do npm:
Quando o nível de dependência de um pacote é relativamente profundo, o controle de versão não é preciso o suficiente. O mesmo package.json aparecerá, mas versões diferentes de pacotes dependentes estão instaladas em computadores de pessoas diferentes. Bugs como "ele pode ser executado no meu computador, mas não em outros computadores" aparecem e são difíceis de encontrar. Você pode usar  o npm-shrinkwrap para implementar a solidificação da versão, e as informações da versão serão gravadas no arquivo npm-shrinkwrap.json, mas afinal não é uma configuração padrão do npm. No entanto, npm 5+ e versões posteriores adicionaram package-lock.json que pode ser usado para bloquear a versão.

O fio é inerentemente capaz de solidificar versões. Um arquivo yarn.lock semelhante a npm-shrinkwrap.json será gerado, e o arquivo descreverá o número da versão do pacote em si e também bloqueará os números de versão de todos os pacotes dos quais depende.

As principais vantagens do fio são: velocidade rápida, modo offline e controle de versão.
Configurar o ambiente de desenvolvimento para seu próprio VUE e outros projetos através do fio trará muita comodidade. Para mais detalhes sobre como instalar o fio, consulte as notas [6]

Digite cd vuecli e yarn serve em sequência e pressione Enter até que o aplicativo seja executado em: - Local: http://localhost:8080/ - Rede: http://192.168.1.10:8080/

http://localhost:8080/
Clique no nome de domínio acima que aparece no código vs, você pode ver o VUE instalado com o fio no código CV.


Você pode desenvolver seu próprio APP editando "D:\wamp64\www\my-project\src\App.vue" e outros módulos dentro do .

 

Acho que você gosta

Origin blog.csdn.net/weixin_64948861/article/details/129251613
Recomendado
Clasificación