DEV Community

Nathan Silva
Nathan Silva

Posted on • Updated on

Como instalar o VueJS

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)

Image description

<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

Image description

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.

Image description

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)