Ricardo Emerson | Dev Class
Ricardo Emerson | Dev Class
  • 23
  • 25 754
✅ Como criar COMPONENTES e PÁGINAS utilizando a extensão REACT TOOLS para Visual Studio Code?
Fala Dev, beleza?
Neste vídeo eu vou está te ensinando a como criar Componentes para React JS, React Native e Next JS, utilizando a extensão React Tools no Visual Studio Code, bem como criar Páginar para seus projetos com Next JS.
Vou estar te ensinando passo-a-passo sobre como esta extensão torna a criação de Componentes e P[aginas muito mais rápida e eficiente. Você não mais vai estar precisando se preocupar em criar pastas e arquivos manualmente com a extensão .tsx ou .jsx e nem ficar digitando snippets para geração da base inicial de código do seu componente.
Com a extensão React Tools você poderá criar os seus componentes sendo os mesmos organizados por pastas, onde cada pasta pode conter o arquivo do componente e o arquivo de estilização do componente e também poderá estar criando componentes nomeados, onde neste caso, os componentes serão criados diretamene na pasta indicada por você e juntamente com o componente poderá ser criado o arquivo index.ts contendo o export de cada componente criado por você.
Através das configurações da extensão é possível definir:
- Qual a extensão dos seus componentes , através da opção File Extensions (tsx, jsx e js).
- Qual o formato de estilização será utilizado através da opção Styles Format (Styled Components, SCSS, LESS, CSS).
- Se os seus componentes serão criados utilizando Arrow Function ou Regular Function.
- Se na criação dos compoentes nomeados se será criado um arquivo de index com os exports para cada componente, através da opção Use Barrel.
- Se será utilizado em seu projeto o recurso de CSS Module.
- Se os componetes criados utilizarão Export Default ou Named Export.
- Se na tipagem dos componentes com typescript se será utilizado o tipo React.FC.
- Se o import do React será utilizado a cada componente através da opção Use React Import.
📑 Capítulos:
00:00 - Introdução.
01:08 - Apresentação da extensão.
02:16 - Instalação da extensào.
03:11 - Visualizando as opções de configuração da extensão.
08:57 - Criando componentes (separados por pasta) para React JS e Next JS.
17:35 - Criando componentes nomeados para React JS e Next JS.
25:31 - Criando páginas para projetos com Next JS.
26:51 - Criando componentes (separados por pasta) para React Native.
28:11 - Criando componentes nomeados para React Native.
29:19 - Configurando a extensão por projeto e como adicionar a extensão React Tools às extensões recomendadas do projeto.
33:12 - Encerramento.
🔗 Link para o material utilizado no vídeo: bit.ly/3a9Oe4l
🔗 Link para a extensão React Tools do Visual Studio Code marketplace.visualstudio.com/items?itemName=ricardo-emerson.create-react-tsx-component
Se você gostou do conteúdo do vídeo, peço que deixe o seu like e se inscreva no canal.
🔗 Compartilhe esse vídeo com seus amigos devs: ua-cam.com/video/jCwgZzpMTwk/v-deo.html
🔗 Participe do canal no Telegram, segue o link t.me/devclassricardo
💸 Ganhe descontos e cupons em suas próximas compras se cadastrando na CUPONOMIA e já ganhe R$ 5,00 de bônus se cadastrando pelo meu link: www.cuponomia.com.br/ref/0ac2c186527b
#reactjs #nextjs #reactnative #vscodeextensions
Переглядів: 589

Відео

✅ Como simplificar a execução de comandos no Powershell com ALIASES?
Переглядів 5022 роки тому
Fala Dev, beleza? Neste vídeo eu vou está te ensinando a como simplificar a execução de comandos no Powershell com aliases. Vou estar te ensinando passo-a-passo sobre como o uso de aliases no Powershell irá trazer muita produtividade para você na execução de comandos que você utiliza diariamente no seu terminal com Windows. Além de aliases, também vou te ensinar a criar funções que serão utiliz...
✅ Nova versão da Extensão FLUTTER TOOLS - v2.3.2 - Módulo do GetX
Переглядів 962 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te mostrando o que mudou com a nova versão (2.3.2) da extensão Flutter Tools para Visual Studio Code. A atualização foi no módulo do GetX onde agora você poderá está utilizando variáveis estáticas na navegação utilizando rotas nomeadas. Se você gostou do conteúdo do vídeo, peço que deixe o seu like e se inscreva no canal. 🔗 Compartilhe esse vídeo com s...
✅ Como restaurar as CONFIGURAÇÕES dos meus PROGRAMAS após a reinstalação do Windows?
Переглядів 8332 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te ensinando a como restaurar as configurações dos seus programas após a reinstalação do Windows. Você vai aprender a restaurar as configurações, temas, atalhos, extensões e plugins e tudo isso executando apenas um comando no seu terminal do Windows. Vou estar te ensinando passo-a-passo a como criar scripts de backup e restauração das configurações dos...
✅ Como realizar CÓPIA DE SEGURANÇA e SINCRONIZAR arquivos e pastas com ROBOCOPY no Windows?
Переглядів 1,7 тис.2 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te ensinando a como realizar cópia de segurança e sincronizar seus arquivos e pastas com o comando Robocopy, de forma segura e eficiente, utilizando apenas o Windows Terminal e Powershell. Vou estar te ensinando passo-a-passo sobre como o Robocopy realiza cópias de segurança (backup) de forma rápida e sem precisar instalar nenhum programa, usando apena...
✅ Como utilizar novos WRAPPERS com a extensão FLUTTER TOOLS no Visual Studio Code?
Переглядів 2352 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te ensinando a como utilizar novos Wrappers de Widgets com a extensão Flutter Tools no Visual Studio Code. Vou estar te ensinando passo-a-passo sobre como esta extensão torna o uso de novos wrappers de Widgets para o seu projeto muito mais rápida e eficiente. Além das opções disponibilizadas pelo Flutter, você agora terá acesso aos seguintes wrappers: ...
✅ Como criar STORES do MobX utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
Переглядів 1612 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te ensinando a como criar stores do MobX utilizando a extensão Flutter Tools no Visual Studio Code. Vou estar te ensinando passo-a-passo sobre como esta extensão torna a criação de stores do MobX para o seu projeto muito mais rápida e eficiente. Você não mais vai estar precisando se preocupar em criar arquivos manualmente com a extensão .dart e sem fic...
✅ Como criar FEATURES do GetX utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
Переглядів 3272 роки тому
Fala Dev, beleza? Neste vídeo eu vou estar te ensinando a como criar features do GetX utilizando a extensão Flutter Tools no Visual Studio Code. Vou estar te ensinando passo-a-passo sobre como esta extensão torna a criação de uma estrutura de pastas inicial para o seu projeto muito mais rápida e eficiente. Você também irá aprender a criar Features do GetX, já com seus arquivos de Binding, Contr...
✅ Como criar CLASSES e INTERFACES utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
Переглядів 9552 роки тому
✅ Como criar CLASSES e INTERFACES utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
✅ Como criar WIDGETS utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
Переглядів 4132 роки тому
✅ Como criar WIDGETS utilizando a extensão FLUTTER TOOLS no Visual Studio Code?
✅ Como utilizar a instrução PRINT com a extensão JAVA SYSOUT no Visual Studio Code?
Переглядів 4242 роки тому
✅ Como utilizar a instrução PRINT com a extensão JAVA SYSOUT no Visual Studio Code?
✅ Como utilizar a instrução PRINT com a extensão FLUTTER PRINT no Visual Studio Code?
Переглядів 5722 роки тому
✅ Como utilizar a instrução PRINT com a extensão FLUTTER PRINT no Visual Studio Code?
✅ Como instalar o FLUTTER com FVM para Windows e integrá-lo ao Visual Studio Code?
Переглядів 2,3 тис.2 роки тому
✅ Como instalar o FLUTTER com FVM para Windows e integrá-lo ao Visual Studio Code?
✅ Como usar SUDO na execução de comandos no Windows?
Переглядів 2,7 тис.2 роки тому
✅ Como usar SUDO na execução de comandos no Windows?
✅ Como Instalar o NODE JS com NVM no Windows de forma simples e descomplicada?
Переглядів 4,6 тис.2 роки тому
✅ Como Instalar o NODE JS com NVM no Windows de forma simples e descomplicada?
✅ Como ter AUTOCOMPLETE no Powershell como no ZSH com o OH-MY-ZSH?
Переглядів 7 тис.2 роки тому
✅ Como ter AUTOCOMPLETE no Powershell como no ZSH com o OH-MY-ZSH?

КОМЕНТАРІ

  • @lbesuportebrasil7554
    @lbesuportebrasil7554 Місяць тому

    Como posso criar uma interface com múltiplos Scripts prontos ?

    • @ricardo-emerson
      @ricardo-emerson Місяць тому

      A forma mais fácil é criar um snippet. E para criar algo mais automatizado precisa aprender a criar extensões para o Visual Studio Code.

    • @lbesuportebrasil7554
      @lbesuportebrasil7554 Місяць тому

      @ricardo-emerson não me ajudou muito, pois sou leigo. Mas obrigado por responder

  • @maiconviniciuscrespo
    @maiconviniciuscrespo Місяць тому

    Incrivel Muitobom !

  • @psouzasouza1170
    @psouzasouza1170 Місяць тому

    Top a dica ,Valeu

  • @Chalui123
    @Chalui123 5 місяців тому

    Olá, Ricardo, muito bom o video. Muitos dos icones não estão aparecendo, saberia me indicar como resolver?

    • @Chalui123
      @Chalui123 4 місяці тому

      Consegui resolver atualizando as fontes. Notei outra questão, ao entrar em um projeto flutter, é exibida a versão global, não a versão definida para o projeto. Tem como resolver?

    • @ricardo-emerson
      @ricardo-emerson 4 місяці тому

      Obrigado. Atualmente eu estou usando no meu terminal a fonte JetBrainsMono Nerd Font. Tenta realizar o download dela em www.nerdfonts.com/font-downloads e após isso, basta você definir a fonte JetBrainsMono Nerd Font no seu Windows Terminal na seção Padrões -> Aparência -> Tipo de Fonte .

    • @ricardo-emerson
      @ricardo-emerson 4 місяці тому

      Se você estiver utilizando o VSCode tem como incluir essa configuração do vscode para o projeto e no terminal do vscode ele vai utilizar a versão informada através de fvm use <versao> // Arquivo .vscode/settings.json "dart.flutterSdkPath": ".fvm/flutter_sdk", "dart.sdkPath": ".fvm/flutter_sdk/bin/cache/dart-sdk", // Remove .fvm files from search "search.exclude": { "**/.fvm": true }, // Remove from file watching "files.watcherExclude": { "**/.fvm": true }, Via Powershell você pode incluir essa configuração ao seu arquivo de profile e quando você acessar a pasta do projeto ela vai ler a versão definida pelo fvm. O problema é que essa configuração sobrecreve a configuração de temas do OhMyPosh e não é possível usar junto. function Set-FvmFlutterPath { $fvmFlutterPath = (Get-Item -Path ".fvm/flutter_sdk/bin/flutter.bat" -ErrorAction SilentlyContinue) if ($fvmFlutterPath) { $env:PATH = "$($fvmFlutterPath.Directory);$($env:PATH)" } } function prompt { Set-FvmFlutterPath # Mantém o prompt padrão $orig_prompt = & {Get-Command prompt | ForEach-Object {$_}}.Definition Invoke-Expression $orig_prompt }

  • @carloslucio8734
    @carloslucio8734 6 місяців тому

    Parabens, Os videos estão ótimos muitas informações úteis, Valeu amigo.

  • @Felipe-ib9cx
    @Felipe-ib9cx 8 місяців тому

    Caramba isso sim é tutorial de qualidade. Manja demais!

  • @jorginsilva
    @jorginsilva 9 місяців тому

    Muito obrigado

  • @andreluizgois
    @andreluizgois 10 місяців тому

    Show de bola! ajudou de mais!

  • @CRISTIANOPARFENOVAS
    @CRISTIANOPARFENOVAS 10 місяців тому

    Obrigado pelo ensinamento me ajudou muito, sucesso pra voçê, que Deus abençoe!!

    • @ricardo-emerson
      @ricardo-emerson 10 місяців тому

      Amém meu amigo, muito obrigado e Deus lhe abençoe também. Abs.

  • @giovanichaves8571
    @giovanichaves8571 10 місяців тому

    Muito bom. Vai agilizar muito o desenvolvimeto. Obrigado...

  • @thsantos_henrique
    @thsantos_henrique 11 місяців тому

    muito melhor de trabalhar agora. Eu sou dev acostumado com linux. Sem isso fica um pouco difícil trabalhar no windows

    • @ricardo-emerson
      @ricardo-emerson 11 місяців тому

      Exatamente meu amigo, também usava o Linux e macOS e sempre tive meu terminal customizado e quando vim pro Windows foi a primeira coisa que procurei mudar para que eu pudesse ter produtividade no terminal.

  • @TheOliverluca
    @TheOliverluca Рік тому

    Top! A partir da versão 7.4 o readline já vem com power shell.

  • @LuizFelipeXavier-d8w
    @LuizFelipeXavier-d8w Рік тому

    fala devs, a seguinte mensagem esta aparecendo pra mim quando tento executar o code $PROFILE: code: The term 'code' is not recognized as a name of a cmdlet, function, script file, or executable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. alguem consegue me ajudar?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Você está com o Visual Studio Code instalado? Porque o comando code é o Visual Studio Code. Se não estiver precisa instalar ele e tem que deixar marcada a opção pra ele adicionar ao path.

  • @matheushenriquebrandao8109

    Parabens pelo video cara! muito intuitivo

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Muito obrigado Matheus. Que bom que você gostou e obrigado pela inscrição. Abs.

  • @LuizAugustoMarcondes
    @LuizAugustoMarcondes Рік тому

    Olá Ricardo. Gostaria de substituir o HD sata para um novo NVME. Sistema operacional Windows 11 64bts Com o arquivo de lote descrito abaixo teoricamente seria feito uma cópia do drive C:\ para o drive E:\ onde C:\ é o HD sata e E:\ é o NVME. Dúvidas de principiante: Os parâmetros abaixo copiam os arquivos de sistema ou falta algo? Isso pode ser feito no Drive C:\ com o Windows em execução? O NVME ficaria devidamente funcional? ******************************************************** rem [espelhamento.bat] @echo off set params=/mir /mt /w:10 /r:3 /np /log:robocopy-log.txt set srcPath=C:\ set dstPath=E:\ Robocopy.exe "%srcPath%" "%dstPath%" %params% ********************************************************* Agradeço pelo seu tempo. Um abraço.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olá Luiz. Eu nunca utilizei o Robocop para realizar cópia do sistema operacional e acredito que não vá funcionar devido a partição de boot não ser copiada. Ele vai copiar todos os arquivos mas não vai inicializar o Windows. Neste caso, é melhor utilizar alguma ferramenta para realizar o clone do HD.

    • @LuizAugustoMarcondes
      @LuizAugustoMarcondes Рік тому

      @@ricardo-emerson É. Não o funcionou mesmo. Ele não consegue copiar os arquivos em execução. Valeu.

  • @1978altevir
    @1978altevir Рік тому

    Cheguei aqui por uma indicação do Rahman, pois estou migrando do MAC para o Windows, e meu amigo que vídeo show de bola. Parabéns.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Show meu amigo que bom que você gostou. Obrigado

  • @camargo2425
    @camargo2425 Рік тому

    Ricardo muito obrigado pelo seu treinamento, ficou muito facill, consegui fazer o processo por aqui e deu tudo certo, parabens.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Muito obrigado @camargo2425. Fico feliz em poder ajudar. Abs.

  • @CharlesSilva-iw7yc
    @CharlesSilva-iw7yc Рік тому

    fala mestre, Está disponivel os fontes desse projeto ? estou querendo fazer algo parecido somente para meus widgets que uso normalmente.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olá @CharlesSilva-iw7yc Os fontes não estão disponíveis.

  • @jorgeluizrodrigues-if4zz
    @jorgeluizrodrigues-if4zz Рік тому

    Por que quando eu vou baixar o flatpack fala que o sudo não é reconhecido?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Infelizmente ele não aceita executar o sudo com todos os comandos que agente precisa utilizar.

    • @jorgeluizrodrigues-if4zz
      @jorgeluizrodrigues-if4zz Рік тому

      ​@@ricardo-emersonnem o linux eu consigo instalar no PC, eu baixei mas não consigo instalar. Obrigou por responder.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      você esta falando sobre utilizar o linux via WSL no windows?

    • @MaiconHMoraes
      @MaiconHMoraes 11 місяців тому

      ​@@ricardo-emerson o que você sugere neste caso?

  • @gabrielalphon5841
    @gabrielalphon5841 Рік тому

    Gratidão!!! Gratidão!!! Gratidão!!! Deus lhe abençôe!

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Amém, muito obrigado @gabrielalphon5841. Deus te abençoe também. Abs.

  • @davisfjob
    @davisfjob Рік тому

    Boa tarde, tudo bem? Já tentei as opções que estão descritas nos comentários mas eu não consigo resolver essa mensagem Hey friend In an effort to grow oh-my-posh, the decision was made to no longer support the PowerShell module. Over the past year, the added benefit of the module disappeared, while the burden of maintaining it increased. However, this doesn't mean oh-my-posh disappears from your terminal, it just means that you'll have to use a different tool to install it. All you need to do, is follow the migration guide here: Alguem poderia me ajudar?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Houve uma pequena mudança na instalação do OhMyPosh, depois vou gravar um novo vídeo atualizado sobre este tema, mas basicamente a única coisa que mudou foi a instalação do oh-my-posh que agora precisa ser realizada via loja de aplicativos do windows ou via winget, conforme abaixo: No seu terminal do Powershell digite: winget install JanDeDobbeleer.OhMyPosh --source winget Com esta nova versão, dentro do arquivo de profile do usuário, que é acessado via (code $PROFILE) deve-se substituir esta linha abaixo: Set-PoshPrompt -Theme "$HOME\AppData\Local\oh-my-posh\spaceship.omp.json" Por esta linha: oh-my-posh init pwsh --config "$HOME\AppData\Local\oh-my-posh\spaceship.omp.json" | Invoke-Expression

    • @davisfjob
      @davisfjob Рік тому

      @@ricardo-emerson eu já fiz esses passos, inclusive desinstalei e reinstalei e continua a mesma mensagem, eu ia até mandar mensagem la nas duvidas do flutter

  • @AndersonNunesWhoDesigners

    fiz esse procedimento e agora não consigo mais rodar nada com o node... apesar dele falar que deu certo, não consigo executar....

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      @AndersonNunesWhoDesigners , após executar o nvm install, antes de usar o node você precisa usar o nvm use com a versão do node desejada. Somente após isso que estará disponível.

    • @AndersonNunesWhoDesigners
      @AndersonNunesWhoDesigners Рік тому

      @@ricardo-emerson obrigado por responder, já consegui descobrir o problema, acabei não desinstalando uma versão prévia do npm e isso estava dando conflito, foi só desinstalar e funcionou... parabéns pelo canal!

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Que bom que conseguiu resolver, valeu

  • @pietrovinicius
    @pietrovinicius Рік тому

    Show

  • @SuperMan-sn6ph
    @SuperMan-sn6ph Рік тому

    Ele cria um inherited widget?

  • @josedeneto14
    @josedeneto14 Рік тому

    Obriagdo pelo conteúdo. Mas tenho um probleminha no meu terminal, aparece de seguinte forma: josed in C:\Windows\System32 >. Quero que apareça josed in ~. Mas só apaarece quando abro uma nova aba. Como posso resolver isso?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Que bom que você gostou . Para o correto funcionamento da configuração do Powershell, todos os comandos mencionados no vídeo precisam ser executados na versão 7 ou superior do mesmo. Caso tenha feito conforme explicado acima, você deve acessar as configurações do terminal e no perfil do Powershell, procure o tópico Diretório inicial e no campo abaixo informa o valor: %USERPROFILE%

  • @JulianaOliveira-of2km
    @JulianaOliveira-of2km Рік тому

    Me salvou!! Ajudou muito obrigada!! 🤩

  • @TadeuAlves-j5r
    @TadeuAlves-j5r Рік тому

    È Possivel fazer o Backup da unidade G: google Drive para o Hd externo D: ? precisa alterar algum comando?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Você pode fazer backup de qualquer pasta em qualquer unidade. Exemplo: @echo off set params=/MIR /MT /W:10 /R:3 /NP /LOG:robocopy-log.txt set srcPath=E:\Pictures set dstPath=D:\Pictures Robocopy.exe "%srcPath%" "%dstPath%" %params%

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Só precisa ter cuidado com o parâmetro /MIR

  • @wdestroier
    @wdestroier Рік тому

    A extensão ainda funciona? Edit: Incrível, funciona. Normalmente clico no final do texto e abro o popup de ações. Exemplo: após SizedBox.expand. Por algum motivo as ações da extensão só aparecem quando clico no meio do texto "expand" e abro o popup.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Funciona sim e hoje ela conta com novos recursos e estou finalizando a versão 4 dela que trará recursos bem legais.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Você pode também clicar dentro de qualquer propriedade do widget que vc quer fazer o wrap e pressionar <alt> + <w> fazendo com que todo widget seja selecionado. Depois só chamar o menu de ação, aqui uso <ctrl> + <.> e escolher o wrap desejado. Ou ainda, após selecionar o widget, pressionar <alt> + <q> e escolher um dentre todos os wrappers disponívveis da extensão.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      O <alt> + <w> também é útil quando o widget a ser realizado o wrap é muito extenso e tentar realizar o wrap apenas clicando no nome do widget, as vezes não consegue selecioná-lo completamente.

    • @wdestroier
      @wdestroier Рік тому

      @@ricardo-emerson Muito útil o atalho ALT+W. Valeu pela dica!

  • @juliochan10
    @juliochan10 Рік тому

    O meu quando eu abro o terminal pela primeira vez nao vai direto no powershell, ai tem q clicar no + ai vai

    • @juliochan10
      @juliochan10 Рік тому

      Em vez de aparecer PowerShell em cima, fica c:windows....

    • @juliochan10
      @juliochan10 Рік тому

      Como se abrisse o prompt de comando

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Você precisa realizar a configuração inicial do Windows Terminal. Vai em configuração e lá no primeiro item chamado Inicialização, basta escolher o perfil padrão para Powershell e o aplicativo de terminal padrão verificar se está o Windows Terminal. Fazendo isso já vai resolver

  • @maiconportohenrique
    @maiconportohenrique Рік тому

    Obrigado pela ajuda

  • @micaelsantana-sxz
    @micaelsantana-sxz Рік тому

    Oi estou assistindo o vídeo hoje e estou esbarrando em um problema parecido "Import:Module" The specified module 'oh-my-posh' was not loaded because no valid module file was found in any module directory . Estou quebrando a cabeça e não consegui resolver

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olha nos comentários fixados no vídeo que lá mostra como resolver.

    • @micaelsantana-sxz
      @micaelsantana-sxz Рік тому

      Já tentei e não resolveu continua dando erro

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      a forma de instalação e import do oh-my-posh mudou, para instalá-lo vc pode digitar no terminal o comando: winget install JanDeDobbeleer.OhMyPosh -s winget e no seu arquivo de profile (code $PROFILE) deve importar o mesmo usando o comando abaixo: oh-my-posh init pwsh --config "$HOME\AppData\Local\oh-my-posh\spaceship.omp.json" | Invoke-Expression

    • @micaelsantana-sxz
      @micaelsantana-sxz Рік тому

      Poderia me ajudar por uma outra rede social lá eu poderia mandar um print da tela do PowerShell

  • @carlosroseno6015
    @carlosroseno6015 Рік тому

    Ricardo, se puder tirar uma dúvida: na rota criou o arquivo login_routes class LoginRoutes { LoginRoutes._(); static const login = '/login'; static const loginCadastro = '/login/login-cadastro'; static final routes = [ GetPage( name: login, page: () => const LoginPage(), binding: LoginBinding(), ), GetPage( name: loginCadastro, page: () => const LoginCadastroPage(), binding: LoginCadastroBinding(), ), ]; } estou em uma pagina com um buttom, como faz pra chamar esse rota onPressed: () { Get.toNamed('/login/login-cadastro'); },

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Isso @carlosroseno6015, você pode fazer assim ou usar o nome da variável statica que é o mais recomendado. Aí ficaria assim Get.toNamed(LoginRoutes.loginCadastro); Desta forma é interessante que vc evita erro de digitação.

  • @cesarvideos2203
    @cesarvideos2203 Рік тому

    Uma dúvida, Ricardo: vc diz no video que a restauração das configurações AppData é realizada Antes da instalação do programa, mas pergunto: com a nova instalação do programa o AppData não será recriado pelo instalador do programa fazendo com que sobrescreva as configurações restauradas ?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Essa parte de configuração de cada aplicativo normalmente é criada na execução dele. Assim, na instalação ele não vai criar os arquivos referentes a configuração do usuário. Comigo, nunca tive problemas, mas é claro que podem haver exceções. Caso você perceba que algum programa depois de instalado perdeu a sua configuração, você pode também copiar separadamente a pasta de configuração dele e sobrescrever. E se preferir, também pode restaurar as configurações após instalar tudo.

  • @cesarvideos2203
    @cesarvideos2203 Рік тому

    Estou usando mais o PS com tuas dicas. Vc manja pra karamba. valeu

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Obrigado @cesarvideos2203, que bom que está gostando.

  • @carlosroseno6015
    @carlosroseno6015 Рік тому

    Estou começando agora ver o GetX e achei muito bacana essa extensão, vi agora que parou de gravar video, todos eles tem pelo menos 1 ano, bora gravar mais sobre Getx, tipo um login, cadastro de clientes, coisas simples mas que depois de usar a extensão mostraria uma operação dentro da estrutura que criou

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olá @carlosroseno6015 que bom que você gostou. Hoje a extensão está bem mais completa e com novos recursos. Realmente tive que parar de gravar novos vídeos porque dão muito trabalho e a edição toma muito tempo. Ainda estou fazendo o curso da Academia do Flutter e tive que parar pra da sequência no curso, bem como outras coisas que ocorreram. Assim que as coisas acalmarem mais estarei de volta com novos vídeos. Abs.

  • @werbtha.t.633
    @werbtha.t.633 Рік тому

    Alternativa ao Bat no Linux?

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Você pode instalar o bat no Windows usando o Scoop Acessa o link abaixo para ver como instalar o scoop no windows scoop.sh/ Depois de instalado só executar scoop install bat

  • @cesarvideos2203
    @cesarvideos2203 Рік тому

    Sou iniciante , embora não seja um DEV , pois quero passar a usar o PS para manutenção de PCs formulando scripts de limpeza , etc. Pesquisei no YT , mas encontrei aqui neste canal com o Ricardo uma forma mais dinâmica de aprender, parabéns Ricardo e muito obrigado ! Tive um problema com o "oh-my-posh" mas a @iasmimcalistro8205 deu a dica: resolvido. Agora , com o PSReadLine deu pau: Install-Module PSReadLine -Force WARNING: The version '2.2.6' of module 'PSReadLine' is currently in use. Retry the operation after closing the applications. Pode ajudar ?

    • @cesarvideos2203
      @cesarvideos2203 Рік тому

      Esquece o que eu escrevi, a resposta estava na própria video aula. Foi mal de principiante.

  • @renangenito
    @renangenito Рік тому

    Muito bom. Parabéns!

  • @iasmimcalistro8205
    @iasmimcalistro8205 Рік тому

    Opa que video top!!! Aqui vai uma dica pois eu esbarrei com um erro: oh-my-posh: The term 'oh-my-posh' is not recognized as a name of a cmdlet, function, script file, or executable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. quem esbarrar no mesmo, só usar o comando abaixo que resolve: winget install JanDeDobbeleer.OhMyPosh -s winget

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olá @iasmimcalistro8205 que bom que você gostou. O OhMyPosh não está mais disponível pra ser instalado via comando (Install-Module oh-my-posh -Scope CurrentUser). Agora ele pode ser instalado via Loja do Windows ou via winget como você demonstrou acima. Obrigado pela dica, vou deixar seu comentário fixado para que possa ajudar outras pessoas.

  • @e.clayton
    @e.clayton Рік тому

    Muito obrigado, me ajudou bastante

  • @cebolinharenato
    @cebolinharenato Рік тому

    O problema é que essa janela para clicar em ok aparece a cada comando executado. Não funciona como no linux que ele pede a senha a primeira vez mas depois fica um tempo sem pedir de novo.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Olá @Renato Martins, a idéia aqui é evitar que a todo momento que for preciso executar um comando como administrador que tenha-se que clicar com botão direito do mouse no windows terminal ou botão iniciar e pedir pra abrir o terminal como administrador. Esta janela que você mencionou trata-se do Controle de Conta de Usuário do Windows que é uma proteção para evitar que comandos ou alterações no windows sejam executados sem o concentimento do usuário. Você até pode desabilitar essa opção mas não é recomendado.

  • @douglasbordignon
    @douglasbordignon Рік тому

    Show, obrigado Ricardo!

  • @ozeiasferreira3755
    @ozeiasferreira3755 Рік тому

    Gostei mas faltou apenas quando chamar um componente o import vir automático.

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      @ozeias ferreira se você olhar nas configurações da extensão você vai ver que lá existe uma configuração onde você escolhe se quer que seja realizado o import do React ou não. No Next JS o import do React não é necessário.

  • @HideDamage
    @HideDamage Рік тому

    e como resolver

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Para resolver basta realizar a autenticação na api de acordo com os requisitos necessário para se autenticar que podem ser um dos especifiados abaixo: - Usuário e senha; - e-mail e senha; - Login via rede social; - Magic link; - Ou outro. Vai depender da api em que está tentando conectar.

  • @NeurismarLewis
    @NeurismarLewis Рік тому

    Continue fazendo estes vídeos maravilhosos, você tem o Don de ensinar! Obrigada 🎉

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Muito obrigado @Neurismar Lewis. Eu tive que parar a criação de novos vídeos devido a um curso que estou fazendo. A criação e edição de vídeos demanda muito tempo e esforço e por isso dei uma pausa. Mas pretendo ainda neste ano retornar com novos vídeos. Abs

  • @normalzinho
    @normalzinho Рік тому

    MANERÃO!! 😎😎

  • @FaGames_Studio
    @FaGames_Studio Рік тому

    Bom vídeo, direto e correto!

  • @lukenisantos85
    @lukenisantos85 Рік тому

    os projectos em web estão a abrir, mas projectos em mobile estão a dar erro Launching lib\main.dart on SM A307FN in debug mode... main.dart:1 'Dart\Testes\teste_v3\android\' is not recognized as an internal or external command, operable program or batch file. Erro: N�o foi poss�vel localizar nem carregar a classe principal org.gradle.wrapper.GradleWrapperMain Causada por: java.lang.ClassNotFoundException: org.gradle.wrapper.GradleWrapperMain Exception: Gradle task assembleDebug failed with exit code 1 Exited (sigterm)

    • @ricardo-emerson
      @ricardo-emerson Рік тому

      Da uma olhada no vídeo na parte de instalação do Android Studio e verifica se não ficou faltando fazer algo. Atentar também para a versão que está sendo instalada e para o que está sendo informado no path do Windows.