Fala Tiago, eu aprendi vue com vc e agora estou atualizando os conhecimentos para o vue 3 rsrs. Qual seria a diferença de usar o vite ao invés do cli? Muito obrigado por compartilhar conhecimento. Excelente aulas.
Opa irmão, seja bem vindo de volta haha! No final das contas nenhum, os dois vão fazer o mesmo processo, só que o vite é mais moderno com mais recursos.
Ajuda para quem assim como eu que tive problema com a versão do vue. Não é possível atualizar o vue-cli de 2.9.6 para o mais recente. Seguir esse passo a passo: vue --version npm uninstall -g vue-cli yarn global remove vue-cli vue --version
tenho uma pequena duvida: como posso fazer validação de formulario? Ex: senha e confirmação de senha com valores diferente, devem retornar um erro. eu encontri muitos videos explicando o que deve ser feito com o vuelidate, e tentei usar o emits validadeition da documentação, mas não entendi muito. Será que vc poderia mea judar nessa duvida?
como você faz pra não precisar de colocar o "sudo" na frente de qual quer comando no terminal? porque eu tenho que colocar ele em todo comando porque se não da erro.
Caso alguém tenha tido algum problema com a execução do vue CLI, use o seguinte comando: Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser Depois tente novamente.
@@tiagomatosweb digo, quais destes? ✔ Project name: … ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia for state management? … No / Yes ✔ Add Vitest for Unit testing? … No / Yes ✔ Add Cypress for both Unit and End-to-End testing? … No / Yes ✔ Add ESLint for code quality? … No / Yes ✔ Add Prettier for code formatting? … No / Yes
Adorei os vídeos, no entanto, coloca um card ANTES de começar a ensinar o uso direto via CDN avisando que NÃO usaremos esse método ao longo do projeto - pois ele é simples e contém menos funções que a versão instalada Full.
me ajuda por favor! Imploro, fiz igual vc fez, exatemente igual, na hora de dar o "vue create app" da essa erro abaixo: nao abre nem com yarn serve, da erro tambem: /home/Área de Trabalho/Nova pasta 1/project/babel.config.js 0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/babel.config.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js") /home/Área de Trabalho/Nova pasta 1/project/src/App.vue 0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/App.vue: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js") /home/Área de Trabalho/Nova pasta 1/project/src/components/HelloWorld.vue 0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/components/HelloWorld.vue: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js") /home/Área de Trabalho/Nova pasta 1/project/src/main.js 0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/main.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js") /home/Área de Trabalho/Nova pasta 1/project/vue.config.js 0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/vue.config.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js") ✖ 5 problems (5 errors, 0 warnings)
Cara, essas aulas de Vue vieram numa ótima hora. Conteúdo de uma qualidade INDISCUTÍVEL! Parabéns!!!!!
Haha! Perfect timing! Obrigado irmão.
Sou do React, mas a empresa quer um projeto em VUE, to estudando e estou gostando do VUE rsrsrs, aulas top
Massa demais! Vamosss 🚀🚀🚀
Esse curso era realmente o que eu estava precisando para começar com Vuejs. Obrigado Thiago.
Que show irmão! Mergulha nessa maratona ai
Conteúdo top, vi comentários sobre VITE. Que bom o processo é o mesmo. Agora tudo é vite, até no Laravel.
Sim, mesma coisa so que 10x mais rápido haha
Tiago, comecei a fazer o seu curso de Vue 3. Estou animado! Obrigado por compartilhar o seu conhecimento com outros terráqueos sem conhecimento.
Boaaaa cara! Parabéns pela iniciativa. Obrigado pelo feedback! Qualquer coisa é só falar. Abs
Começando agora, obrigado por compartilhar seu conhecimento e simpatia nos videos! bastante animador!!!
Valeu Ruan, obrigado pelo feedback. Tmj e Vamosss 🚀🚀🚀
Show professor, já estou indo para o próximo vídeo!
Vamosss 🚀🚀🚀
Tiagão sangue bom demais!! To curtindo.. parabéns!
Valeu irmão! Tmj e simbora 🚀🚀🚀
Muito obrigado por compartilhar o seu conhecimento, aula nota 10
gostaria de saber qual terminal foi usado por você.
Fala jovem, obrigado pelo feedback. Eu uso o próprio terminal do MAC e também uso o terminal do PHPSTORM. Valeuu
Top! Pra galera que quiser seguir com Vite, não muda nada no aprendizado.
Bem dito Caioooo haha
Qual a melhor formar de iniciar uma aplicação vue, via vite, vue cli, ou npm create vue@latest? E qual a diferença entre elas se é que existe.
Usa o vite, ele se tornou o padrão atual.
Muito bom! Eu preferir utilizar o Vite. É uma alternativa muito boa também.
Sem duvida, o curso sera atualizado pro vite no portal Laravue
Fala Tiago, eu aprendi vue com vc e agora estou atualizando os conhecimentos para o vue 3 rsrs. Qual seria a diferença de usar o vite ao invés do cli? Muito obrigado por compartilhar conhecimento. Excelente aulas.
Opa irmão, seja bem vindo de volta haha!
No final das contas nenhum, os dois vão fazer o mesmo processo, só que o vite é mais moderno com mais recursos.
Que IDE você está utilizando? Estou no VSCode e queria saber qual é esta do vídeo
PHPStorm
Professor, no site do senhor, qual a diferença do Vue 3 INTRO para o Vue 3 PRO? Um é dependente do outro?
São dois cursos distintos, mas digamos que tudo que está no INTRO estará no PRO. INTRO é uma versão enxuta do curso PRO.
@@tiagomatosweb tem alguma previsão de quando vai sair o curso completo PRO?
Previsão para o dia 15. Fica ligado que vou divulgar ja já
@@tiagomatosweb obrigadão
Ajuda para quem assim como eu que tive problema com a versão do vue.
Não é possível atualizar o vue-cli de 2.9.6 para o mais recente.
Seguir esse passo a passo:
vue --version
npm uninstall -g vue-cli
yarn global remove vue-cli
vue --version
Obrigado pela contribuição jovem!
Olá qual editor esta usando nos videos? Qual recomenda para Windows? Uso vscode para o Laravel.
Já achei a resposta phpStorm
devo instalar o vue pela ferramenta vite ou pelo comando cli ?
Vite
@@tiagomatosweb
Obrigado
@@tiagomatosweb
Mas no seu curso você ensina pelo Cli e então devo instalar pelo vite ?
@@denneraladim6190tecnologia muda todo dia. Na época do curso o CLI era o oficial, agora é Vite.
@@tiagomatosweb
Muito obrigado
tenho uma pequena duvida: como posso fazer validação de formulario?
Ex: senha e confirmação de senha com valores diferente, devem retornar um erro.
eu encontri muitos videos explicando o que deve ser feito com o vuelidate, e tentei usar o emits validadeition da documentação, mas não entendi muito. Será que vc poderia mea judar nessa duvida?
Opa, ai realmente é bom usar um pacote de validação como veeValidate ou vuelidate.
como você faz pra não precisar de colocar o "sudo" na frente de qual quer comando no terminal? porque eu tenho que colocar ele em todo comando porque se não da erro.
Eu não faço nada, já é assim nativamente 🤔
Olá Tiago! Não consegui instalar @vue/cli pois parou de rodar, o que houve?
O site do Vue CLI apareceu mensagem "Está em modo de manutenção!"
Usa o Vite, agora é o padrão
Esse curso Vue3/cli está um pouco diferente. Poderia fazer outro vídeo@@tiagomatosweb
Proque seu vue esta diferente doque eu botei seguindo o tutorial do site oficial?
O meu nao usa mais o export default
O que ta diferente?
Caso alguém tenha tido algum problema com a execução do vue CLI, use o seguinte comando:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Depois tente novamente.
Voce ta usando o VsCode para fazer as codificações do seu codigo???
Não PHPSTORM
Porque instalar o yarn se o nodeJS já tem o npm ?
Opção mesmo. Você pode usar o npm sem problema
quando coloco yarn server no terminal não funciona qual poderia ser o problema ?
É por que é yarn serve e não server. Sem o R no final. :)
No curso ensina fazer tela de login?
Não!
MAS pra rodar Vue é preciso ter o node instalado?
Não, você pode usar via CDN!
Quais recursos devo confirmar para instalar pelo Vite?
Node.js
@@tiagomatosweb digo, quais destes? ✔ Project name: …
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes
Instala ele seco padrão pra iniciar, pra não ter problemas no aprendizado
Alguém poderia me dizer porque o vue está dando certo apenas no CMD e não no powershell?
Posta o erro
Eu estava rodando no npm run dev sem dar o cd na pasta app do projeto, deu certo!
Não consegui executar o serve com o npm, somente com o yarn 🤷♂
Tive o mesmo problema e encontrei o comando : npm run serve
Pq não utilizou o vite ao invés do Vue cli para gerar o projeto
Não teve por que, usei Vue CLI por foi natural. Mas não muda exatamente nada blza?
@@tiagomatosweb entendi. Mas pelo q li ele parece ser mais rápido.
Muuuuuito mais! Extremamente mais!
E mesmo usar o Vue em outra plataforma nao muda nada...
muito bom!!!!
Valeu jovem Vamosss 🚀🚀🚀
Tenho uma duvida, como faço tequila com Vue?
Bota mais Vuex nele
@@tiagomatosweb 🤣🤣🤣
valeu
que terminal é esse?
Terminal do MacOS
É o zsh
Uma correção: CLI significa "Command-Line Interface" e não "cliente". De resto, estou gostando bastante do curso!
Exato, obrigado pela correção! Bora 🚀
Cara, vc mudou de app para myapp depois voltou pra app e ainda tinha um arquivo com myapp... confundiu tudo aqui na minha cabeça....
O nome da ID tanto faz, ali dei só exemplo, você escolhe o qual nome desejar. Abs
Instala exatamente onde isso não entendi
Em qualquer pasta do seu computador
Ele usa o
npm init vue@latest
👌🏼
Só eu q prefiro digitar "!" e apertar tab, invés de digitar html:5 ? 😂
Adorei os vídeos, no entanto, coloca um card ANTES de começar a ensinar o uso direto via CDN avisando que NÃO usaremos esse método ao longo do projeto - pois ele é simples e contém menos funções que a versão instalada Full.
Massa, obrigado pelo feedback e sugestão
me ajuda por favor! Imploro, fiz igual vc fez, exatemente igual, na hora de dar o "vue create app" da essa erro abaixo:
nao abre nem com yarn serve, da erro tambem:
/home/Área de Trabalho/Nova pasta 1/project/babel.config.js
0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/babel.config.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js")
/home/Área de Trabalho/Nova pasta 1/project/src/App.vue
0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/App.vue: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js")
/home/Área de Trabalho/Nova pasta 1/project/src/components/HelloWorld.vue
0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/components/HelloWorld.vue: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js")
/home/Área de Trabalho/Nova pasta 1/project/src/main.js
0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/src/main.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js")
/home/Área de Trabalho/Nova pasta 1/project/vue.config.js
0:0 error Parsing error: [BABEL] /home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/vue.config.js: Unexpected token '.' (While processing: "/home/marlonmagalhaes/Área de Trabalho/Nova pasta 1/project/node_modules/@vue/cli-plugin-babel/preset.js")
✖ 5 problems (5 errors, 0 warnings)
Você tem que usar o vite agora e não mais o vue CLI.
vite.dev/guide/#scaffolding-your-first-vite-project
@@tiagomatosweb Deu certo, muito obrigado! Excelente trabalho