Existem duas formas de instalar o VueJs em uma aplicação. Logo abaixo irei abordar os dois possíveis jeitos de fazer isso.
CDN
CDN é a sigla para Content Delivery Network. É forma mais comum de ser utilizada em pequenos projetos devido a sua facilidade na instalação.
De forma breve e resumida, o CDN armazena os dados de JavaScript, CSS e imagens referentes ao Vue e os retorna da maneira mais rápida possível.
Como instalar e adicionar o projeto?
Você pode encontrar o passo a passo mais explicativo acessando o site VueJs. Rolando um pouco a gente vai pegar apenas o link principal fornecido e adicionar ao nosso projeto.(Fica tranquilo que eu vou mostrar)
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
Agora vamos ao Visual Studio Code!
Crie um arquivo simples de HTML e adicione o script passado anteriormente
CLI
Esse método de instalação é mais ideial dos dois, pois é possível configurar o projeto de forma rápida e completa de maneira simples.
Primeira coisa ser feita é baixar o NodeJs
Após a instalação, precisamos garantir que está tudo certo com o Node e o Npm. Para isso, abra o CMD e digite os códigos para verificar a versão de instalação de acordo com a imagem.
Agora que já está tudo certo, abra novamente o terminal e digite o seguinte código para instalar o Vue de forma global.
npm install -g @vue/cli
Depois disso é criar um projeto. Entre na pasta desejada, abra o terminal e digite o comando abaixo:
vue create nome_produto
IMPORTANTE. Se for um projeto já criado ou se tiver sido baixado do github bastante digitar o codigo abaixo antes.
npm install
Depois de instalado para rodar o server é só rodar o seguinte código:
npm run serve
Ai é selecionar a versão do Vue e está pronto!
Espero que tenham gostado :)
Top comments (0)