Escolar Documentos
Profissional Documentos
Cultura Documentos
O Windows convida você a codificar do seu jeito. Use a estrutura ou linguagem de codificação da sua
preferência, seja desenvolvendo com ferramentas no Windows ou com ferramentas Linux no Subsistema do
Windows para Linux, este guia ajudará você a configurar e instalar o que você precisa para começar a codificar,
depurar e acessar serviço para colocar seu trabalho em produção.
Caminhos de desenvolvimento
Introdução ao JavaScript
Comece a usar o JavaScript configurando seu ambiente de desenvolvimento no Windows ou no Subsistema do
Windows para Linux e instale o Node.js, o React, o Vue, o Express, o Gatsby, o Next.js ou o Nuxt.js.
Introdução ao Python
Instale o Python e obtenha a configuração do ambiente de desenvolvimento no Windows ou no Subsistema do
Windows para Linux.
Introdução ao Android
Instale o Android Studio ou escolha uma solução multiplataforma como Xamarin, React ou Cordova e obtenha
sua configuração de ambiente de desenvolvimento no Windows.
Introdução ao Windows Desktop
Comece a criar aplicativos da área de trabalho para Windows usando o SDK de Aplicativo do Windows, a UWP, o
Win32, o WPF o Windows Forms ou a atualizar e implantar aplicativos da área de trabalho existentes com Ilhas
XAML e MSIX.
Introdução ao C e ao C++
Comece a usar o C, C++ e o assembly para desenvolver aplicativos, serviços e ferramentas.
Introdução ao C#
Comece a criar aplicativos usando o C# e o .NET Core.
Introdução ao Rust
Introdução à programação usando o Rust—incluindo como configurar o Rust para Windows consumindo o
windows crate.
Introdução ao Blazor
Comece a usar o Blazor, uma estrutura de interface do usuário do cliente dentro do ASP.NET Core. Use as
linguagens HTML, CSS e C# (em vez de JavaScript) para criar componentes de interface do usuário e aplicativos
de página única para a Web.
Ferramentas e plataformas
Terminal do Windows
Personalize seu ambiente de terminal para trabalhar com vários shells de linha de comando.
Instalar o Terminal
Microsoft PowerToys
Ajuste e simplifique sua experiência com o Windows para obter maior produtividade com esse conjunto de
utilitários de usuário avançado.
Instalar o PowerToys
VS Code
Um editor de código-fonte leve com suporte interno para JavaScript, TypeScript, Node.js, um avançado
ecossistema de extensões (C++, C#, Java, Python, PHP, Go) e runtimes (como .NET e Unity).
Instalar VS Code
Visual Studio
Um ambiente de desenvolvimento integrado que você pode usar para editar, depurar, compilar código e
publicar aplicativos, incluindo compiladores, o preenchimento de código do IntelliSense e muitos outros
recursos.
Instalar o Visual Studio
Azure
Uma plataforma de nuvem completa para hospedar seus aplicativos existentes e simplificar o novo
desenvolvimento. Os serviços do Azure integram tudo o que você precisa para desenvolver, testar, implantar e
gerenciar seus aplicativos.
Configurar uma conta do Azure
.NET
Uma plataforma de desenvolvimento de software livre com ferramentas e bibliotecas para compilar qualquer
tipo de aplicativo, incluindo Web, móvel, área de trabalho, jogos, IoT, nuvem e microsserviços.
Instalar o .NET
Você também pode usar o Terminal do Windows para abrir todas as suas ferramentas de linha de comando
favoritas na mesma janela com várias guias ou em vários painéis, sejam elas o PowerShell, o prompt de
comando do Windows, o Ubuntu, o Debian, a CLI do Azure, o Oh-my-Zsh, o Git Bash ou todos os anteriores.
Saiba mais nos documentos do Terminal do Windows ou por meio dos vídeos do Terminal do Windows no
Canal 9.
Reunimos algumas dicas que esperamos que ajudem a tornar seu fluxo de trabalho mais eficiente e agradável.
Você tem mais dicas para compartilhar? Envie uma solicitação de pull, usando o botão "Editar" acima, ou um
problema, usando o botão "Comentários" abaixo e podemos adicioná-lo à lista.
NOTE
Se você estiver enfrentando problemas de desempenho relacionados ao desenvolvimento no Windows 10, como:
Ferramentas de desenvolvimento (por exemplo, compiladores, vinculadores etc.) com execução mais lenta no Windows
do que o esperado.
Plataformas de runtime (por exemplo, Node, .NET, Python) com execução mais lenta no Windows do que em outras
plataformas.
Seus aplicativos enfrentam problemas de desempenho relacionados à E/S/rede/criação de processo.
Informe-nos enviando um problema no repositório de Problemas de WinDev (Desenvolvedores Windows).
Achamos que pode ser útil ouvir as experiências de outros desenvolvedores sobre a mudança entre um
ambiente de desenvolvimento Mac e Windows. A maioria achou o processo razoavelmente simples e gostou
que eles ainda podiam usar as ferramentas do Linux e de software livre favoritas deles enquanto também
integraram o acesso às ferramentas de produtividade do Windows, como Microsoft Office, Outlook e Teams.
Aqui estão alguns artigos e entradas de blog que encontramos:
Ken Wang, "Think Different – Software Developer Switching from Mac to Windows" ("Pense diferente –
Desenvolvedor de software mudando do Mac para o Windows")
Owen Williams, "The state of switching to Windows from Mac in 2019" ("O estado da mudança do Mac para
o Windows em 2019")
August Lilleaas, "Why I ditched macOS, Linux, and chose Windows for development work" ("Por que eu
desisti do macOS e do Linux e escolhi o Windows para trabalhos de desenvolvimento")
Brent Rose, "What Happened When I Switched From Mac to Windows" ("O que aconteceu quando eu mudei
do Mac para o Windows")
Jack Franklin, "Using Windows 10 and WSL for frontend web development" ("Usando o Windows 10 e o
WSL para desenvolvimento para a Web de front-end")
Aaron Schlesinger, "Coming from a Mac to Windows & WSL 2" ("Passando de um Mac para Windows e WSL
2")
David Heinemeier Hansson, "Back to windows after twenty years" ("De volta ao Windows depois de 20
anos")
Ray Elenteny, "Why I returned to Windows" ("Por que eu voltei para o Windows")
Tutoriais, cursos e exemplos de código populares
23/09/2021 • 2 minutes to read
Listamos alguns tutoriais, cursos e exemplos de código abaixo para introduzir você a algumas tarefas e cenários
de desenvolvimento comuns.
Introdução ao WSL
Uma introdução ao Subsistema do Windows para Linux
Criar um microsserviço
Criar e implantar um microsserviço ASP.NET Core nativo de nuvem
Recursos adicionais
Explore cursos online gratuitos no Microsoft Learn
Explorar os cursos online da Pluralsight
Guia para alterar o ambiente de desenvolvimento
do Mac para o Windows
23/09/2021 • 5 minutes to read
As dicas e os controles equivalentes a seguir devem ajudar em sua transição entre um ambiente de
desenvolvimento Mac e Windows (ou WSL/Linux).
Para o desenvolvimento de aplicativos, o equivalente mais próximo ao Xcode seria o Visual Studio. Também há
uma versão do Visual Studio para Mac, caso você sinta a necessidade de retornar. Para a edição de código-fonte
de plataforma cruzada (e diversos plug-ins), o Visual Studio Code é a escolha mais conhecida.
Atalhos de teclado
O P ERA Ç Ã O MAC W IN DO W S
Maximizar uma janela para tela inteira Control+Command+F Tecla do Windows+seta para cima
Selecionar mais de um item em uma Command, depois clicar em cada item Controle, depois clicar em cada item
lista (não contíguo)
Atalhos do trackpad
Observação: alguns desses atalhos exigem um "trackpad de precisão", como o trackpad em dispositivos Surface
e outros laptops de terceiros.
O P ERA Ç Ã O MAC W IN DO W S
Zoom Pinçar com dois dedos para reduzir e Pinçar com dois dedos para reduzir e
aumentar aumentar
Passar o dedo para trás e para frente Passar dois dedos nas laterais Passar dois dedos nas laterais
entre exibições
Alternar espaços de trabalho virtuais Passar quatro dedos nas laterais Passar quatro dedos nas laterais
Exibir aplicativos abertos no momento Passar quatro dedos para cima Passar três dedos para cima
Alternar entre aplicativos N/D Passar devagar três dedos nas laterais
Acessar a área de trabalho Espalhar quatro dedos para fora Passar três dedos para baixo
Abrir a Cortana/Central de Ações Deslizar dois dedos a partir da direita Tocar com três dedos
Mostrar a barra inicial/iniciar um Pinçar com quatro dedos Tocar com quatro dedos
aplicativo
Para executar o PowerShell como administrador, insira "PowerShell" no menu Iniciar do Windows e
selecione "Executar como Administrador".
2. Linha de Comando do Windows (Cmd) : O Windows ainda fornece o Prompt de Comando
tradicional (e o console – confira abaixo), fornecendo compatibilidade com comandos do MS-DOS atuais
e herdados e arquivos em lotes. O Cmd é útil ao executar arquivos em lotes existentes/antigos ou
operações de linha de comando, mas, em geral, é recomendável que os usuários aprendam e usem o
PowerShell, já que o Cmd agora está em manutenção e não receberá nenhum aprimoramento ou novos
recursos no futuro.
Shells do Linux
O WSL (Subsistema do Windows para Linux) agora pode ser instalado para dar suporte à execução de um shell
do Linux dentro do Windows. Isso significa que você pode executar o Bash , com qualquer distribuição específica
do Linux que escolher, integrado dentro do Windows. O uso de WSL fornecerá o tipo de ambiente mais
conhecido para os usuários do Mac. Por exemplo, você usa ls para listar os arquivos do diretório atual – e não
dir , como faria no Shell do Cmd tradicional do Windows. Para saber mais sobre como instalar e usar o WSL,
confira o Guia de Instalação do Subsistema do Windows para Linux para Windows 10. As distribuições do Linux
que podem ser instaladas no Windows com o WSL incluem:
1. Ubuntu 20.04 LTS
2. Kali Linux
3. Debian GNU/Linux
4. OpenSUSE Leap 15.1
5. SUSE Linux Enterprise Server 15 SP1
Para citar apenas algumas. Encontre mais nos documentos de instalação do WSL e instale-as diretamente da
Microsoft Store.
Terminais do Windows
Além de muitas ofertas de terceiros, a Microsoft fornece dois "terminais" – aplicativos de GUI que fornecem
acesso a shells de linha de comando e aplicativos.
1. Terminal do Windows : o Terminal do Windows é um novo aplicativo de terminal de linha de comando
moderno e altamente configurável que fornece um desempenho muito alto, experiência de usuário de
linha de comando de baixa latência, várias guias, painéis de janelas divididas, temas e estilos
personalizados, vários "perfis" para diferentes shells ou aplicativos de linha de comando, além de
oportunidades consideráveis para configurar e personalizar muitos aspectos da sua experiência de
usuário de linha de comando.
Você pode usar o Terminal do Windows para abrir guias conectadas ao PowerShell, a shells do WSL
(como Ubuntu ou Debian), ao Prompt de Comando tradicional do Windows ou a qualquer outro
aplicativo de linha de comando (por exemplo, SSH, CLI do Azure e Git Bash).
2. Console : no Mac e no Linux, os usuários geralmente iniciam seu aplicativo de terminal preferido que,
em seguida, cria e se conecta ao shell padrão do usuário (por exemplo, o BASH).
No entanto, devido a uma peculiaridade da história, os usuários do Windows tradicionalmente iniciam o
shell e o Windows inicia e conecta automaticamente um aplicativo de console da GUI.
Embora ainda seja possível iniciar os shells diretamente e usar o console herdado do Windows, é
altamente recomendável que, em vez disso, os usuários instalem e usem o Terminal do Windows para
experimentar a melhor, a mais rápida e a mais produtiva experiência de linha de comando.
Aplicativos e utilitários
A P L IC AT IVO MAC W IN DO W S
As dicas e os controles equivalentes a seguir devem ajudar em sua transição entre um ambiente de
desenvolvimento Mac e Windows (ou WSL/Linux).
Para o desenvolvimento de aplicativos, o equivalente mais próximo ao Xcode seria o Visual Studio. Também há
uma versão do Visual Studio para Mac, caso você sinta a necessidade de retornar. Para a edição de código-fonte
de plataforma cruzada (e diversos plug-ins), o Visual Studio Code é a escolha mais conhecida.
Atalhos de teclado
O P ERA Ç Ã O MAC W IN DO W S
Maximizar uma janela para tela inteira Control+Command+F Tecla do Windows+seta para cima
Selecionar mais de um item em uma Command, depois clicar em cada item Controle, depois clicar em cada item
lista (não contíguo)
Atalhos do trackpad
Observação: alguns desses atalhos exigem um "trackpad de precisão", como o trackpad em dispositivos Surface
e outros laptops de terceiros.
O P ERA Ç Ã O MAC W IN DO W S
Zoom Pinçar com dois dedos para reduzir e Pinçar com dois dedos para reduzir e
aumentar aumentar
Passar o dedo para trás e para frente Passar dois dedos nas laterais Passar dois dedos nas laterais
entre exibições
Alternar espaços de trabalho virtuais Passar quatro dedos nas laterais Passar quatro dedos nas laterais
Exibir aplicativos abertos no momento Passar quatro dedos para cima Passar três dedos para cima
Alternar entre aplicativos N/D Passar devagar três dedos nas laterais
Acessar a área de trabalho Espalhar quatro dedos para fora Passar três dedos para baixo
Abrir a Cortana/Central de Ações Deslizar dois dedos a partir da direita Tocar com três dedos
Mostrar a barra inicial/iniciar um Pinçar com quatro dedos Tocar com quatro dedos
aplicativo
Para executar o PowerShell como administrador, insira "PowerShell" no menu Iniciar do Windows e
selecione "Executar como Administrador".
2. Linha de Comando do Windows (Cmd) : O Windows ainda fornece o Prompt de Comando
tradicional (e o console – confira abaixo), fornecendo compatibilidade com comandos do MS-DOS atuais
e herdados e arquivos em lotes. O Cmd é útil ao executar arquivos em lotes existentes/antigos ou
operações de linha de comando, mas, em geral, é recomendável que os usuários aprendam e usem o
PowerShell, já que o Cmd agora está em manutenção e não receberá nenhum aprimoramento ou novos
recursos no futuro.
Shells do Linux
O WSL (Subsistema do Windows para Linux) agora pode ser instalado para dar suporte à execução de um shell
do Linux dentro do Windows. Isso significa que você pode executar o Bash , com qualquer distribuição específica
do Linux que escolher, integrado dentro do Windows. O uso de WSL fornecerá o tipo de ambiente mais
conhecido para os usuários do Mac. Por exemplo, você usa ls para listar os arquivos do diretório atual – e não
dir , como faria no Shell do Cmd tradicional do Windows. Para saber mais sobre como instalar e usar o WSL,
confira o Guia de Instalação do Subsistema do Windows para Linux para Windows 10. As distribuições do Linux
que podem ser instaladas no Windows com o WSL incluem:
1. Ubuntu 20.04 LTS
2. Kali Linux
3. Debian GNU/Linux
4. OpenSUSE Leap 15.1
5. SUSE Linux Enterprise Server 15 SP1
Para citar apenas algumas. Encontre mais nos documentos de instalação do WSL e instale-as diretamente da
Microsoft Store.
Terminais do Windows
Além de muitas ofertas de terceiros, a Microsoft fornece dois "terminais" – aplicativos de GUI que fornecem
acesso a shells de linha de comando e aplicativos.
1. Terminal do Windows : o Terminal do Windows é um novo aplicativo de terminal de linha de comando
moderno e altamente configurável que fornece um desempenho muito alto, experiência de usuário de
linha de comando de baixa latência, várias guias, painéis de janelas divididas, temas e estilos
personalizados, vários "perfis" para diferentes shells ou aplicativos de linha de comando, além de
oportunidades consideráveis para configurar e personalizar muitos aspectos da sua experiência de
usuário de linha de comando.
Você pode usar o Terminal do Windows para abrir guias conectadas ao PowerShell, a shells do WSL
(como Ubuntu ou Debian), ao Prompt de Comando tradicional do Windows ou a qualquer outro
aplicativo de linha de comando (por exemplo, SSH, CLI do Azure e Git Bash).
2. Console : no Mac e no Linux, os usuários geralmente iniciam seu aplicativo de terminal preferido que,
em seguida, cria e se conecta ao shell padrão do usuário (por exemplo, o BASH).
No entanto, devido a uma peculiaridade da história, os usuários do Windows tradicionalmente iniciam o
shell e o Windows inicia e conecta automaticamente um aplicativo de console da GUI.
Embora ainda seja possível iniciar os shells diretamente e usar o console herdado do Windows, é
altamente recomendável que, em vez disso, os usuários instalem e usem o Terminal do Windows para
experimentar a melhor, a mais rápida e a mais produtiva experiência de linha de comando.
Aplicativos e utilitários
A P L IC AT IVO MAC W IN DO W S
Este guia ajudará você a começar a usar as estruturas JavaScript no Windows, incluindo o Node.js, o React.js, o
Vue.js, o Next.js, o Nuxt.js ou o Gatsby.
Próximas etapas
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o NodeJS no Windows
Instalar o NodeJS no WSL
Microsoft Learn: Criar aplicativos JavaScript com o Node.js
Instalar o Node.js no WSL2 (Subsistema do
Windows para Linux)
23/09/2021 • 10 minutes to read
NOTE
Se você é iniciante no desenvolvimento com o Node.js e quer aprender a usá-lo rapidamente, instale o Node.js no
Windows. Essa recomendação também se aplica se você planeja usar um ambiente de produção do Windows Server.
Instalar o WSL 2
O WSL 2 é a versão mais recente disponível no Windows 10, e a recomendamos para os fluxos de trabalho de
desenvolvimento profissional do Node.js. Para habilitar e instalar o WSL 2, siga as etapas na documentação de
instalação do WSL. Essas etapas incluirão a escolha da distribuição do Linux (por exemplo, o Ubuntu).
Após instalar o WSL 2 e uma distribuição do Linux, abra a distribuição do Linux (encontrada no menu Iniciar do
Windows) e verifique a versão e o codinome usando o comando: lsb_release -dc .
É recomendável atualizar a distribuição do Linux regularmente, inclusive imediatamente após a instalação, para
garantir que os pacotes são os mais recentes. O Windows não cuida automaticamente dessa atualização. Para
atualizar a distribuição, use o comando: sudo apt update && sudo apt upgrade .
IMPORTANT
É sempre recomendável remover todas as instalações existentes do Node.js ou do NPM do seu sistema operacional antes
de instalar um gerenciador de versão, pois os diferentes tipos de instalação podem levar a conflitos estranhos e confusos.
Por exemplo, a versão do Node que pode ser instalada com o comando apt-get do Ubuntu está desatualizada no
momento. Para obter ajuda com a remoção de instalações anteriores, confira Como remover o Node.js do Ubuntu.
NOTE
No momento da publicação, o NVM v0.38.0 era a última versão disponível. Você pode verificar a página do
projeto GitHub para obter a versão mais recente do NVM e ajustar o comando acima para incluir a versão mais
recente. A instalação da versão mais recente do NVM usando cURL substituirá a mais antiga, deixando intacta a
versão do Node que você usou o NVM para instalar. Por exemplo:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
4. Para verificar a instalação, digite: command -v nvm ...isso deverá retornar 'nvm'. Se você receber 'comando
não encontrado' ou nenhuma resposta, feche o terminal atual, reabra-o e tente novamente. Saiba mais no
repositório GitHub do NVM.
5. Lista quais versões do Node estão instaladas no momento (não deve ter nenhuma neste ponto): nvm ls
6. Instale a versão atual do Node.js (para testar os aprimoramentos dos recursos mais recentes, mas com
mais probabilidade de ter problemas): nvm install node
7. Instale a versão mais recente e estável do LTS do Node.js (recomendado): nvm install --lts
8. Liste quais versões do Node estão instaladas: nvm ls ... agora você deve ver listadas as duas versões que
acabou de instalar.
9. Verifique se o Node.js está instalado e a versão padrão atual com: node --version . Em seguida, verifique
se você também tem o NPM, com: npm --version (Você também pode usar which node ou which npm
para ver o caminho usado para as versões padrão).
10. Para alterar a versão do Node.js que você deseja usar para um projeto, crie um diretório de projeto
mkdir NodeTest e insira o diretório cd NodeTest . Em seguida, digite nvm use node para alternar para a
versão atual ou nvm use --lts para alternar para a versão LTS. Você também pode usar o número
específico para qualquer versão adicional instalada, como nvm use v8.2.1 . (Para listar todas as versões
disponíveis do Node.js, use o comando: nvm ls-remote ).
Se você estiver usando o NVM para instalar o Node.js e o NPM, não será necessário usar o comando SUDO para
instalar novos pacotes.
NOTE
Esse cenário "remoto" é um pouco diferente do que você pode estar acostumado. O WSL dá suporte a uma distribuição
do Linux real em que o código do projeto está em execução, separadamente do sistema operacional Windows, mas ainda
em seu computador local. A extensão Remote-WSL se conecta ao seu subsistema Linux como se fosse um servidor
remoto, embora não esteja em execução na nuvem… ainda está em execução no computador local, no ambiente do WSL
que você habilitou para ser executado em paralelo com o Windows.
IMPORTANT
Se você já tiver o VS Code instalado, precisará verificar se tem a versão de maio 1.35 ou posterior para instalar a Extensão
do WSL Remoto. Não recomendamos o uso do WSL no VS Code sem a extensão do WSL Remoto, pois você perderá o
suporte de preenchimento automático, depuração, linting etc. Curiosidade: Essa extensão do WSL é instalada em
$HOME/.vscode-server/extensions.
2. Na caixa de pesquisa na parte superior da janela Extensões, digite: Pacote de extensão do Node (ou o
nome de qualquer extensão que você estiver procurando). A extensão será instalada para as instâncias
local ou WSL do VS Code, dependendo de onde você tiver aberto o projeto atual. Você pode saber
selecionando o link remoto no canto inferior esquerdo da janela do VS Code (em verde). Ele fornecerá a
opção de abrir ou fechar uma conexão remota. Instale suas extensões do Node.js no ambiente
"WSL:Ubuntu-18.04".
Se você é iniciante no desenvolvimento com o Node.js e quer aprender a usá-lo rapidamente, siga as etapas
abaixo para instalar o Node.js diretamente no Windows.
NOTE
Se você está usando o Node.js em um contexto profissional, considera a velocidade de desempenho e a compatibilidade
de chamadas do sistema importantes, deseja executar contêineres do Docker que aproveitam os workspaces do Linux e
evita a necessidade de manter os scripts de build do Linux e do Windows ou simplesmente prefere usar uma linha de
comando do Bash, instale o Node.js no Subsistema do Windows para Linux (mais especificamente, no WSL 2).
IMPORTANT
É sempre recomendável remover todas as instalações existentes do Node.js ou do NPM do seu sistema operacional antes
de instalar um gerenciador de versão, pois os diferentes tipos de instalação podem levar a conflitos estranhos e confusos.
Isso inclui a exclusão de diretórios de instalação do Node.js existentes (por exemplo, "C:\Arquivos de Programas\nodejs")
que possam permanecer. O link simbólico gerado pelo NVM não substituirá um diretório de instalação existente (mesmo
vazio). Para obter ajuda com a remoção de instalações anteriores, confira Como remover completamente o Node.js do
Windows.
6. Instale a versão atual do Node.js (para testar os aprimoramentos dos recursos mais recentes, mas com
mais probabilidade de ter problemas do que a versão LTS): nvm install latest
7. Instale a versão mais recente do LTS estável do Node.js (recomendada) examinando primeiro qual é o
número de versão atual do LTS: nvm list available , em seguida, instale o número de versão do LTS com:
nvm install <version> (substitua <version> pelo número, ou seja: nvm install 12.14.0 ).
8. Liste quais versões do Node estão instaladas: nvm ls ... agora você deve ver listadas as duas versões que
acabou de instalar.
9. Depois de instalar os números de versão do Node.js de que você precisa, selecione a versão que deseja
usar inserindo nvm use <version> (substituindo <version> pelo número, ou seja: nvm use 12.9.0 ).
10. Para alterar a versão do Node.js que você deseja usar para um projeto, crie um diretório de projeto
mkdir NodeTest e insira o diretório cd NodeTest . Em seguida, digite nvm use <version> substituindo
<version> pelo número de versão que deseja usar (como v10.16.3).
11. Verifique qual versão do NPM está instalada com: npm --version , este número de versão será alterado
automaticamente para qualquer versão do NPM associada à sua versão atual do Node.js.
Gerenciadores de versão alternativos
Embora o Windows-NVM seja atualmente o gerenciador de versão mais popular para o nó, há alternativas a
serem consideradas:
O nvs (Node Version Switcher) é uma alternativa nvm multiplataforma com a capacidade de integração
ao VS Code.
O Volta é um novo gerenciador de versão da equipe do LinkedIn que alega uma velocidade aprimorada e
suporte multiplataforma.
Para instalar o Volta como seu gerenciador de versão (em vez do Windows-NVM), vá para a seção Instalação
do Windows de seu guia de Introdução, em seguida, baixe e execute o instalador do Windows Installer,
seguindo as instruções de instalação.
IMPORTANT
Você precisa garantir que o Modo de Desenvolvedor esteja habilitado no computador Windows antes de instalar o Volta.
Para saber mais sobre como usar o Volta para instalar várias versões do Node.js no Windows, confira os
Documentos do Volta.
Instalar o Git
Se você pretende colaborar com outras pessoas ou hospedar seu projeto em um site de software livre (como o
GitHub), o VS Code é compatível com o controle de versão com o Git. A guia Controle do Código-fonte no VS
Code acompanha todas as alterações e tem comandos Git comuns (add, commit, push e pull) incorporados
diretamente na interface do usuário. Primeiro, você precisa instalar o Git para ativar o painel Controle do
Código-fonte.
1. Baixe e instale o Git para Windows no site do git-scm.
2. Um Assistente de Instalação está incluído e fará uma série de perguntas sobre as configurações da
instalação do Git. Recomendamos o uso de todas as configurações padrão, a menos que você tenha um
motivo específico para alterar algo.
3. Se você nunca trabalhou com o Git antes, os Guias do GitHub podem ajudar você a começar a usá-lo.
4. É recomendável adicionar um arquivo .gitignore aos seus projetos do Node. Este é o modelo de gitignore
padrão do GitHub para Node.js.
NOTE
Se você está na situação (um pouco rara) de precisar hospedar um aplicativo Node.js em um servidor Windows, o cenário
mais comum parece ser usar um proxy reverso. Há duas maneiras de fazer isso: 1) usar iisnode ou diretamente. Não
mantemos esses recursos e recomendamos usar servidores Linux para hospedar seus aplicativos Node.js.
Tutorial: Node.js para iniciantes
23/09/2021 • 6 minutes to read
Se você estiver começando a usar o Node.js, este guia ajudará você a se familiarizar com algumas noções
básicas.
Experimentar usar o Node.js no Visual Studio Code
Criar seu primeiro aplicativo Web Node.js usando o Express
Tente usar um módulo Node.js
Pré-requisitos
Instalação no Node.js no Windows ou no Subsistema do Windows para Linux
Se você é um iniciante que está experimentando o Node.js pela primeira vez, recomendamos instalá-lo
diretamente no Windows. Para obter mais informações, confira Devo instalar o Node.js no Windows ou no
Subsistema do Windows para Linux?
2. Crie um arquivo JavaScript chamado "app.js" e adicione uma variável chamada "msg" dentro:
echo var msg > app.js
4. Adicione uma variável de cadeia de caracteres simples ("Olá, Mundo") e envie o conteúdo da cadeia de
caracteres para o console digitando isto no arquivo "app.js":
5. Para executar o arquivo "app.js" com o Node.js, abra seu terminal no VS Code selecionando Exibir >
Terminal (ou use as teclas CTRL+`, clicando no caractere de acento grave). Se você precisar alterar o
terminal padrão, selecione o menu suspenso e escolha Selecionar Shell Padrão .
6. No terminal, digite: node app.js . Você deverá ver a saída: "Olá, Mundo".
NOTE
Quando você digita console no arquivo "app.js", o VS Code exibe opções com suporte relacionadas ao objeto console
para você escolher usando o IntelliSense. Tente experimentar o IntelliSense usando outros objetos JavaScript.
3. Use o Express para criar um modelo de projeto OláMundo: npx express-generator HelloWorld --view=pug
NOTE
Estamos usando o comando npx aqui para executar o pacote de nós do Express.js sem realmente instalá-lo (ou
instalando-o temporariamente, dependendo de como você quiser interpretar). Se você tentar usar o comando
express ou verificar a versão do Express instalado usando express --version , receberá uma resposta
informando que não foi possível encontrar o Express. Para instalar o Express globalmente e usá-lo várias vezes,
utilize: npm install -g express-generator . Você pode exibir uma lista dos pacotes que foram instalados pelo
npm usando npm list . Eles serão listados por profundidade (o número de diretórios aninhados). Os pacotes
que você instalou terão a profundidade 0. As dependências desse pacote terão a profundidade 1, outras
dependências terão a profundidade 2 e assim por diante. Para saber mais, confira Diferença entre o npx e o npm?
no StackOverflow.
4. Examine os arquivos e pastas incluídos pelo Express abrindo o projeto no VS Code, com: code .
Os arquivos gerados pelo Express criarão um aplicativo Web que usa uma arquitetura que, a princípio,
pode parecer um pouco complexa. Você verá na janela do Explorador do VS Code (CTRL+Shift+E para
exibir) que os seguintes arquivos e pastas foram gerados:
bin . Contém o arquivo executável que inicia o aplicativo. Dispara um servidor (na porta 3000, se
nenhuma alternativa for fornecida) e define o tratamento básico de erros.
public . Contém todos os arquivos acessados publicamente, incluindo arquivos JavaScript, folhas de
estilo CSS, arquivos de fonte, imagens e outros ativos que as pessoas precisam quando se conectam
ao seu site.
routes . Contém todos os manipuladores de rota para o aplicativo. Dois arquivos, index.js e
users.js , são gerados automaticamente nessa pasta para servir como exemplos de como separar a
configuração de rota do seu aplicativo.
views . Contém os arquivos usados pelo seu mecanismo de modelagem. O Express está configurado
para procurar aqui uma exibição correspondente quando o método de renderização for chamado. O
mecanismo de modelo padrão é o Jade, que foi preterido em favor do Pug, portanto, usamos o
sinalizador --view para alterar o mecanismo de exibição (modelo). Você pode ver as opções do
sinalizador --view , e de outros, usando express --help .
app.js . O ponto de partida do seu aplicativo. Ele carrega tudo e começa a atender às solicitações do
usuário. Basicamente é o que mantém todas as diferentes partes unidas.
package.json . Contém a descrição do projeto, o gerenciador de scripts e o manifesto do aplicativo.
Seu principal objetivo é rastrear as dependências do seu aplicativo e suas respectivas versões.
5. Agora, você precisa instalar as dependências que o Express usa para criar e executar seu aplicativo
OláMundo (os pacotes usados para tarefas como executar o servidor, conforme definido no arquivo
package.json ). Dentro do VS Code, abra seu terminal selecionando Exibir > Terminal (ou as teclas
CTRL+`, usando o caractere de acento grave), certifique-se de que você ainda esteja no diretório do
projeto "OláMundo". Instale as dependências do pacote do Express com:
npm install
6. Neste ponto, a estrutura está configurada para um aplicativo Web de várias páginas, com acesso a
diversas APIs e métodos de utilitário HTTP e middleware, facilitando a criação de uma API robusta. Inicie
o aplicativo Express em um servidor virtual digitando:
TIP
A parte do comando DEBUG=myapp:* acima indica que você está dizendo ao Node.ja que deseja ativar o registro
em log para fins de depuração. Lembre-se de substituir "myapp" pelo nome do aplicativo. Você pode encontrar o
nome do aplicativo no arquivo package.json , na propriedade "name". O uso de npx cross-env define a
variável de ambiente DEBUG em qualquer terminal, mas você também pode defini-la com o método específico de
seu terminal. O comando npm start está dizendo para o npm executar os scripts em seu arquivo de
package.json .
7. Agora você pode exibir o aplicativo em execução abrindo um navegador da Web e acessando:
localhost:3000
8. Agora que seu aplicativo Express OláMundo está sendo executado localmente em seu navegador, tente
fazer uma alteração abrindo a pasta "views" no diretório do projeto e selecionando o arquivo "index.pug".
Uma vez aberto, altere h1= title para h1= "Hello World!" e selecione Salvar (CTRL+S). Exiba sua
alteração atualizando a URL localhost:3000 no navegador da Web.
9. Para interromper a execução do aplicativo Express, digite no terminal: CTRL+C
F ERRA M EN TA USA DA PA RA
Vamos usar o módulo interno do sistema operacional para obter algumas informações sobre o SO do seu
computador:
1. Na linha de comando, abra a CLI do Node.js. Você verá o aviso > informando que você está usando o
Node.js depois de inserir: node
2. Para identificar o sistema operacional usado no momento (o que deve retornar uma resposta indicando
que você está no Windows), digite: os.platform()
3. Para verificar a arquitetura da CPU, digite: os.arch()
5. Saia da CLI do Node.js inserindo .exit ou selecionando as teclas CTRL+C duas vezes.
TIP
Você pode usar o módulo do sistema operacional Node.js para realizar ações como verificar a plataforma e
retornar uma variável específica da plataforma: Win32/.bat para desenvolvimento do Windows, Darwin/.sh para
Mac/unix, Linux, SunOS e assim por diante (por exemplo, var isWin = process.platform === "win32"; ).
Visão geral do React
23/09/2021 • 9 minutes to read
Opções de instalação
Há várias maneiras diferentes de instalar o React junto com uma cadeia de ferramentas integrada que funcione
melhor para seu cenário de caso de uso. Veja algumas das mais populares.
Instalar o create-react-app diretamente no Windows
Instalar o create-react-app no WSL (Subsistema do Windows para Linux)
Instalar a estrutura Next.js no WSL
Instalar a estrutura Gatsby no WSL
Instalar o React Native para o desenvolvimento para desktop no Windows
Instalar o React Native para desenvolvimento do Android no Windows
Instalar o React Native para desenvolvimento móvel entre plataformas
Instalar o React no navegador sem nenhuma cadeia de ferramentas : como o React é uma biblioteca
JavaScript que, na forma mais básica, é apenas uma coleção de arquivos de texto, você pode criar aplicativos
React sem instalar nenhuma ferramenta ou biblioteca no computador. O ideal é só adicionar alguns "toques
de interatividade" a uma página da Web e não precisar de ferramentas de criação. Adicione um componente
do React simplesmente adicionando uma marca <script> simples a uma página HTML. Siga as etapas de
"Adicionar o React em um minuto" na documentação do React.
Ferramentas do React
Embora a escrita de um componente simples do React em um editor de texto sem formatação seja uma boa
introdução ao React, o código gerado dessa maneira é volumoso e lento, além de ser difícil de ser mantido e
implantado. Há algumas tarefas comuns que os aplicativos de produção precisarão executar. Essas tarefas são
processadas por outras estruturas JavaScript que são consideradas pelo aplicativo como uma dependência.
Essas tarefas incluem:
Compilação : o JSX é a linguagem que costuma ser usada para os aplicativos React, mas os navegadores não
podem processar essa sintaxe diretamente. Em vez disso, o código precisa ser compilado na sintaxe
JavaScript padrão e personalizado para diferentes navegadores. O Babel é um exemplo de compilador que
dá suporte ao JSX.
Agrupamento : como o desempenho é fundamental para os aplicativos Web modernos, é importante que o
JavaScript de um aplicativo inclua apenas o código necessário para o aplicativo e seja combinado no mínimo
de arquivos possível. Um empacotador, como o webpack, executa essa tarefa para você.
Gerenciamento de pacotes : os gerenciadores de pacotes facilitam a inclusão da funcionalidade de pacotes
de terceiros no seu aplicativo, incluindo a atualização deles e o gerenciamento de dependências. Os
gerenciadores de pacotes normalmente usados incluem o Yarn e o npm.
Em conjunto, o pacote de estruturas que ajuda você a criar, compilar e implantar seu aplicativo é chamado de
cadeia de ferramentas. Uma cadeia de ferramentas que é fácil de começar a usar é o create-react-app, que gera
um aplicativo simples de uma página para você. A única configuração necessária para usar o create-react-app
é o Node.js.
Para o desenvolvimento no Windows, siga as instruções para instalar o Node.js no WSL ou para instalar o
Node.js no Windows. Para obter ajuda sobre como decidir qual deles usar, confira o artigo: Devo fazer a
instalação no Windows ou no Subsistema do Windows para Linux?.
Diretório de componentes do React Native
Os componentes que podem ser usados em um aplicativo React Native incluem os seguintes:
Componentes principais: componentes cujo desenvolvimento e suporte fazem parte da estrutura React
Native.
Componentes da comunidade: componentes desenvolvidos e mantidos pela comunidade.
Componentes nativos: componentes que você pode criar por conta própria, usando o código nativo da
plataforma e registrá-los para serem acessíveis no React Native.
O diretório do React Native fornece uma lista de bibliotecas de componentes que podem ser filtradas pela
plataforma de destino.
Recursos adicionais
A documentação oficial do React oferece todas as informações mais recentes e atualizadas sobre o React
Complementos do Microsoft Edge para as Ferramentas para Desenvolvedores do React: adicione duas guias
às suas ferramentas de desenvolvimento do Microsoft Edge para ajudar com o desenvolvimento do React:
Componentes e Profiler.
Instalar o React no Subsistema do Windows para
Linux
24/09/2021 • 4 minutes to read
Este guia descreverá como instalar o React em uma distribuição do Linux (por exemplo, Ubuntu) em execução
no WSL (Subsistema do Windows para Linux) usando a cadeia de ferramentas create-react-app.
Recomendamos seguir estas instruções se você está criando um SPA (aplicativo de página única) com o qual
deseja usar comandos ou ferramentas do Bash e/ou que pretende implantar em um servidor Linux ou no qual
pretende usar contêineres do Docker. Se você é iniciante no React e tem interesse em aprender mais sobre ele, o
ideal é considerar a instalação com o create-react-app diretamente no Windows.
Para obter mais informações gerais sobre o React, decidir entre o React (aplicativos Web), o React Native
(aplicativos móveis) e o React Native para Windows (aplicativos da área de trabalho), confira a visão geral do
React.
Pré-requisitos
Instalar a última versão do Windows 10 (versão 1903 e posterior, build 18362 e posterior)
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: essas instruções usam o nvm (Gerenciador de Versão do Node) para instalação.
Você precisará ter uma versão recente do NodeJS para executar o create-react-app, bem como uma versão
recente do npm (Gerenciador de Pacotes do Node). Para obter os requisitos exatos de versão, confira o site
do Create React App.
IMPORTANT
A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar os arquivos:
\\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que esteja usando). Para abrir esse
diretório no Explorador de Arquivos do Windows, abra a linha de comando do WSL, selecione o diretório base usando
cd ~ e insira o comando explorer.exe . . Tome cuidado para não instalar o NodeJS nem armazenar arquivos com os
quais você trabalhará na unidade C montada ( /mnt/c/Users/yourname$ ). Essa ação deixará a instalação e os tempos de
build significativamente lentos.
Instalar o React
Para instalar a cadeia de ferramentas completa do React no WSL, recomendamos usar o create-react-app:
1. Abra uma linha de comando do WSL (ou seja, o Ubuntu).
2. Crie uma pasta de projeto, mkdir ReactProjects , e insira este diretório: cd ReactProjects .
3. Instale o React usando o npx:
4. Primeiro, ele solicitará sua permissão para instalar temporariamente o create-react-app e os pacotes
associados. Após a conclusão, altere os diretórios para o seu novo aplicativo ("my-app" ou o que você
escolheu como nome): cd my-app .
5. Inicie seu novo aplicativo React:
npm start
Esse comando iniciará o servidor do Node.js e iniciará uma nova janela do navegador exibindo seu
aplicativo. Use CTRL + C para interromper a execução do aplicativo React na linha de comando.
NOTE
O Create React App inclui um pipeline de build de front-end usando o Babel e o webpack, mas não trata da lógica
nem dos bancos de dados de back-end. Se você procura criar um site renderizado pelo servidor com o React que
use um back-end do Node.js, recomendamos instalar o Next.js em vez do create-react-app, que é mais voltado a
aplicativos de página única. O ideal também será considerar a instalação do Gatsby se você quiser criar um site
estático orientado ao conteúdo.
6. Quando você estiver pronto para implantar seu aplicativo Web em produção, a execução de
npm run build criará um build do aplicativo na pasta "build". Saiba mais no Guia do usuário do Create
React App.
Recursos adicionais
Documentação do React
Documentação do Create React App
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o Next.js
Instalar o Gatsby
Instalar o React Native para Windows
Instalar o NodeJS no Windows
Instalar o NodeJS no WSL
Experimente o tutorial: Como usar o React no Visual Studio Code
Experimente o curso online do Microsoft Learn: React
Instalar o React diretamente no Windows
30/09/2021 • 3 minutes to read
Este guia descreverá a instalação do React diretamente no Windows usando a cadeia de ferramentas create-
react-app.
Recomendamos seguir estas instruções se você é iniciante no React e está apenas interessado em aprender a
usá-lo. Se você está criando um SPA (aplicativo de página única) com o qual deseja usar comandos ou
ferramentas do Bash e/ou que pretende implantar em um servidor Linux, recomendamos que você o instale
com o create-react-app no WSL (Subsistema do Windows para Linux).
Para obter mais informações gerais sobre o React, decidir entre o React (aplicativos Web), o React Native
(aplicativos móveis) e o React Native para Windows (aplicativos da área de trabalho), confira a visão geral do
React.
Pré-requisitos
Instalar a última versão do Windows 10 (versão 1903 e posterior, build 18362 e posterior)
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: essas instruções usam o nvm (Gerenciador de Versão do Node) para instalação.
Você precisará ter uma versão recente do NodeJS para executar o create-react-app, bem como uma versão
recente do npm (Gerenciador de Pacotes do Node). Para obter os requisitos exatos de versão, confira o site
do Create React App.
NOTE
npx é o executor de pacote usado pelo npm para executar pacotes no lugar de uma instalação global.
Basicamente, ele cria uma instalação temporária do React de modo que, a cada novo projeto, você esteja usando a
versão mais recente do React (não qualquer versão atual no momento da execução da instalação global acima). O
uso do executor de pacote NPX para executar um pacote também pode ajudar a reduzir a poluição da instalação
de vários pacotes no computador.
4. Primeiro, ele solicitará sua permissão para instalar temporariamente o create-react-app e os pacotes
associados. Após a conclusão, altere os diretórios para o seu novo aplicativo ("my-app" ou o que você
escolheu como nome): cd my-app .
5. Inicie seu novo aplicativo React:
npm start
Esse comando iniciará o servidor do Node.js e iniciará uma nova janela do navegador exibindo seu
aplicativo. Use CTRL + C para interromper a execução do aplicativo React na linha de comando.
NOTE
O Create React App inclui um pipeline de build de front-end usando o Babel e o webpack, mas não trata da lógica
nem dos bancos de dados de back-end. Se você procura criar um site renderizado pelo servidor com o React que
use um back-end do Node.js, recomendamos instalar o Next.js em vez do create-react-app, que é mais voltado a
aplicativos de página única. O ideal também será considerar a instalação do Gatsby se você quiser criar um site
estático orientado ao conteúdo.
6. Quando você estiver pronto para implantar seu aplicativo Web em produção, a execução de
npm run build criará um build do aplicativo na pasta "build". Saiba mais no Guia do usuário do Create
React App.
Recursos adicionais
Documentação do React
Documentação do Create React App
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o Next.js
Instalar o Gatsby
Instalar o React Native para Windows
Instalar o NodeJS no Windows
Instalar o NodeJS no WSL
Experimente o tutorial: Como usar o React no Visual Studio Code
Experimente o curso online do Microsoft Learn: React
Introdução à criação de um aplicativo da área de
trabalho com o React Native para Windows
23/09/2021 • 3 minutes to read
O React Native para Windows permite que você crie um aplicativo UWP (Plataforma Universal do Windows)
usando o React.
Pré-requisitos
Os requisitos de instalação para uso do React Native para Windows podem ser encontrados na página
Requisitos do sistema. Verifique se o Modo de Desenvolvedor está ATIVADO no Aplicativo de Configurações do
Windows.
3. Alterne para o diretório do projeto e execute o seguinte comando para instalar os pacotes do React
Native para Windows:
cd projectName
npx react-native-windows-init --overwrite
4. Para executar o aplicativo, primeiro inicie o navegador da Web (ou seja, o Microsoft Edge) e execute o
seguinte comando:
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug Windows",
"cwd": "${workspaceFolder}",
"type": "reactnative",
"request": "launch",
"platform": "windows"
}
]
}
Pressione F5 ou procure o menu Depurar (se preferir, pressione CTRL + SHIFT + D) e, na lista suspensa
Depurar, selecione "Depurar o Windows" e pressione a seta verde para executar o aplicativo.
Recursos adicionais
Documentação do React Native para Windows
Documentação do React Native
Documentação do React
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o NodeJS no Windows
Experimente o curso online do Microsoft Learn: React
Introdução ao desenvolvimento para Android
usando o React Native
23/09/2021 • 3 minutes to read
Este guia ajudará você a começar a usar o React Native no Windows para criar um aplicativo multiplataforma
que funcionará em dispositivos Android.
Visão geral
O React Native é uma estrutura de aplicativo móvel de software livre criada pelo Facebook. Ele é usado para
desenvolver aplicativos para Android, iOS, Web e UWP (Windows) fornecendo controles de interface do usuário
nativos e acesso completo à plataforma nativa. O uso do React Native exige uma compreensão dos conceitos
básicos do JavaScript.
NOTE
O ideal também é instalar e usar o Terminal do Windows para trabalhar com sua CLI (interface de linha de comando)
preferida, bem como o Git para o controle de versão. O JDK do Java vem empacotado com o Android Studio v2.2 e
posterior, mas se você precisar atualizar o JDK separadamente do Android Studio, use o Windows x64 Installer.
cd MyReactNativeApp
.
5. Para executar o projeto, insira o comando a seguir. Isso abrirá uma nova janela de console exibindo o
Node Metro Bundler.
aceita". Para resolver isso, clique no botão Gerenciador de SDK no Android Studio. . Ou, então, você
pode listar e aceitar as licenças com o comando a seguir, lembrando-se de usar o caminho para a localização do
SDK no computador.
6. Para modificar o aplicativo, abra o diretório do projeto MyReactNativeApp no IDE de sua preferência.
Recomendamos usar o VS Code ou o Android Studio.
7. O modelo de projeto criado pelo react-native init usa uma página principal chamada App.js . Essa
página é pré-preenchida com muitos links úteis para informações sobre o desenvolvimento do React
Native. Adicione um texto ao primeiro elemento de Texto , como a cadeia de caracteres "OLÁ, MUNDO!"
mostrada abaixo.
<Text style={styles.sectionDescription}>
Edit <Text style={styles.highlight}>App.js</Text> to change this
screen and then come back to see your edits. HELLO WORLD!
</Text>
8. Recarregue o aplicativo para mostrar as alterações feitas. Há várias maneiras de fazer isso.
Na janela do console do Metro Bundler, digite "r".
No emulador de dispositivo do Android, toque duas vezes em "r" no teclado.
Em um dispositivo Android de hardware, agite o dispositivo para abrir o menu de depuração do React
Native e selecione 'Recarregar'.
Recursos adicionais
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte de virtualização para aprimorar o desempenho do Emulador
Introdução ao Next.js no Windows
23/09/2021 • 4 minutes to read
Um guia para ajudar você a instalar a estrutura da Web Next.js e colocá-la em funcionamento no Windows 10.
Next.js é uma estrutura para criar aplicativos JavaScript renderizados pelo servidor com base em React.js,
Node.js, Webpack e Babel.js. Ele é basicamente um projeto genérico para o React, criado de acordo com as
práticas recomendadas, que permite criar aplicativos Web "universais" de forma simples e consistente,
praticamente com qualquer configuração. Esses aplicativos Web "universais" renderizados pelo servidor
também são chamados de "isomórficos", o que significa que o código é compartilhado entre o cliente e o
servidor.
Para saber mais sobre o React e outras estruturas JavaScript baseadas no React, confira a página de visão geral
do React.
Pré-requisitos
Este guia pressupõe que você já tenha concluído as etapas para configurar o ambiente de desenvolvimento do
Node.js, incluindo:
Instalar a última versão do Windows 10 (versão 1903 e posterior, build 18362 e posterior)
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: isso inclui um gerenciador de versões, um gerenciador de pacotes, o Visual
Studio Code e a extensão de desenvolvimento remoto.
Recomendamos usar o Subsistema do Windows para Linux ao trabalhar com aplicativos NodeJS a fim de
aprimorar a velocidade de desempenho, a compatibilidade de chamadas do sistema e obter paridade ao
executar servidores Linux ou contêineres do Docker.
IMPORTANT
A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar os arquivos:
\\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que esteja usando). Para abrir esse
diretório no Explorador de Arquivos do Windows, abra a linha de comando do WSL, selecione o diretório base usando
cd ~ e insira o comando explorer.exe . . Tome cuidado para não instalar o NodeJS nem armazenar arquivos com os
quais você trabalhará na unidade C montada ( /mnt/c/Users/yourname$ ). Essa ação deixará a instalação e os tempos de
build significativamente lentos.
Instalar o Next.js
Para instalar o Next.js, que inclui a instalação de next, react e react-dom:
1. Abra uma linha de comando do WSL (ou seja, o Ubuntu).
2. Crie uma pasta de projeto, mkdir NextProjects , e insira este diretório: cd NextProjects .
3. Instale o Next.js e crie um projeto (substituindo "My-next-app" pelo nome que você gostaria para seu
aplicativo): npx create-next-app my-next-app .
4. Depois de instalar o pacote, altere os diretórios para sua nova pasta de aplicativo, cd my-next-app , e use
code . para abrir o projeto Next.js no VS Code. Assim, você pode examinar a estrutura do Next.js criada
para seu aplicativo. Observe que o VS Code abriu seu aplicativo em um ambiente WSL remoto (como
indicado na guia verde na parte inferior esquerda da janela do VS Code). Isso significa que, enquanto
você estiver usando o VS Code para editar no sistema operacional Windows, ele ainda estará executando
seu aplicativo no sistema operacional Linux.
5. Há três comandos que você precisará saber quando o Next.js estiver instalado:
npm run dev para executar uma instância de desenvolvimento com recarga dinâmica, observação de
arquivo e nova execução de tarefa.
npm run build para compilar seu projeto.
npm start para iniciar seu aplicativo no modo de produção.
Abra o terminal WSL integrado no VS Code (Exibir > Terminal ). Verifique se o caminho do terminal está
indicando o diretório do projeto (por exemplo, ~/NextProjects/my-next-app$ ). Em seguida, tente executar
uma instância de desenvolvimento do novo aplicativo Next.js usando: npm run dev
6. O servidor de desenvolvimento local será iniciado e, depois que a criação das páginas do projeto for
concluída, o terminal exibirá "compilado com êxito – pronto em http://localhost:3000". Selecione esse link
do localhost para abrir o novo aplicativo Next.js em um navegador da Web.
Você pode usar o depurador do VS Code com o aplicativo Next.js clicando na tecla F5 ou acessando Exibir >
Depurar (Ctrl+Shift+D) e Exibir > Console de Depuração (Ctrl+Shift+Y) na barra de menus. Se você
selecionar o ícone de engrenagem na janela de Depuração, um arquivo de configuração de inicialização (
launch.json ) será criado para que você salve os detalhes da configuração de depuração. Confira mais
informações em Depuração do VS Code.
Um guia para ajudar você a instalar a estrutura da Web Gatsby.js e colocá-la em funcionamento no Windows 10.
O Gatsby.js é uma estrutura de geração de site estático baseada no React.js, e não renderizada pelo servidor
como o Next.js. Um gerador de site estático gera HTML estático no tempo de compilação. Ele não requer um
servidor. O Next.js gera um HTML em runtime (sempre que uma nova solicitação chega), exigindo a execução de
um servidor. O Gatsby também determina como os dados serão tratados no seu aplicativo (com o GraphQL),
enquanto o Next.js deixa essa decisão para você.
Para saber mais sobre o React e outras estruturas JavaScript baseadas no React, confira a página de visão geral
do React.
Pré-requisitos
Este guia pressupõe que você já tenha concluído as etapas para configurar o ambiente de desenvolvimento do
Node.js, incluindo:
Instalar a última versão do Windows 10 (versão 1903 e posterior, build 18362 e posterior)
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: isso inclui um gerenciador de versões, um gerenciador de pacotes, o Visual
Studio Code e a extensão de desenvolvimento remoto.
Recomendamos usar o Subsistema do Windows para Linux ao trabalhar com aplicativos NodeJS a fim de
aprimorar a velocidade de desempenho, a compatibilidade de chamadas do sistema e obter paridade ao
executar servidores Linux ou contêineres do Docker.
IMPORTANT
A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar os arquivos:
\\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que esteja usando). Para abrir esse
diretório no Explorador de Arquivos do Windows, abra a linha de comando do WSL, selecione o diretório base usando
cd ~ e insira o comando explorer.exe . . Tome cuidado para não instalar o NodeJS nem armazenar arquivos com os
quais você trabalhará na unidade C montada ( /mnt/c/Users/yourname$ ). Essa ação deixará a instalação e os tempos de
build significativamente lentos.
Instalar o Gatsby.js
Para criar um projeto Gatsby.js:
1. Abra o terminal do WSL (ou seja, Ubuntu 18.04).
2. Crie uma pasta de projeto, mkdir GatsbyProjects , e insira este diretório: cd GatsbyProjects
3. Use npm para instalar a CLI do Gatsby: npm install -g gatsby-cli . Depois de instalado, verifique a
versão com gatsby --version .
4. Crie seu projeto Gatsby.js: gatsby new my-gatsby-app
5. Depois de instalar o pacote, altere os diretórios para a nova pasta de aplicativo, cd my-gatsby-app , e use
code . para abrir o projeto Gatsby.js no VS Code. Assim, você pode examinar a estrutura do Gatsby.js
criada para seu aplicativo usando o Explorador de Arquivos do VS Code. Observe que o VS Code abriu
seu aplicativo em um ambiente WSL remoto (como indicado na guia verde na parte inferior esquerda da
janela do VS Code). Isso significa que, enquanto você estiver usando o VS Code para editar no sistema
operacional Windows, ele ainda estará executando seu aplicativo no sistema operacional Linux.
6. Há três comandos que você precisará saber quando o Gatsby estiver instalado:
gatsby develop para executar uma instância de desenvolvimento com recarga dinâmica.
gatsby build para criar um build de produção.
gatsby serve para iniciar seu aplicativo no modo de produção.
Abra o terminal WSL integrado no VS Code (Exibir > Terminal ). Verifique se o caminho do terminal está
indicando o diretório do projeto (por exemplo, ~/GatsbyProjects/my-gatsby-app$ ). Em seguida, tente
executar uma instância de desenvolvimento do novo aplicativo usando: gatsby develop
7. Depois que o novo projeto Gatsby concluir a compilação, o terminal exibirá que "Agora você pode exibir
gatsby-starter-default no navegador. http://localhost:8000/." Selecione esse link do localhost para abrir o
novo projeto criado em um navegador da Web.
NOTE
Você observará que a saída do terminal também informará que você pode "Exibir GraphiQL, um IDE no navegador, para
explorar os dados e o esquema do seu site: http://localhost:8000/___graphql". O GraphQL consolida as APIs em um IDE
de autodocumentação (GraphiQL) integrado ao Gatsby. Além de explorar os dados e o esquema de seu site, você pode
executar operações GraphQL, como consultas, mutações e assinaturas. Confira mais informações em Introdução ao
GraphiQL.
Você pode usar o depurador do VS Code com o aplicativo Next.js clicando na tecla F5 ou acessando Exibir >
Depurar (Ctrl+Shift+D) e Exibir > Console de Depuração (Ctrl+Shift+Y) na barra de menus. Se você
selecionar o ícone de engrenagem na janela de Depuração, um arquivo de configuração de inicialização (
launch.json ) será criado para que você salve os detalhes da configuração de depuração. Confira mais
informações em Depuração do VS Code.
Se você estiver começando a usar o React agora, este guia ajudará você a se familiarizar com alguns conceitos
básicos.
Alguns termos e conceitos básicos
Experimente usar o React no Visual Studio Code
Experimente usar o React com uma API
Pré-requisitos
Instalar o React (Devo fazer a instalação no Windows ou no Subsistema do Windows para Linux)
Instalar o React no Windows
Instalar o React no Subsistema do Windows para Linux
Instale o VS Code. Recomendamos instalar o VS Code no Windows, independentemente de você pretender
usar o React no Windows ou no WSL.
2. Altere os diretórios para que você esteja dentro da pasta do novo aplicativo cd hello-world e inicie o
aplicativo: npm start
Seu novo aplicativo React Olá, Mundo será compilado e abrirá o navegador da Web padrão para mostrar
que está em execução no localhost:3000.
3. Pare de executar seu aplicativo React (CTRL + C) e abra os arquivos de código no VS Code inserindo:
code .
2. Em seguida, vamos definir um estado local em que podemos salvar os dados de uma API. Um objeto de
estado é o local em que podemos armazenar os dados a serem usados na exibição. A exibição é
renderizada para a página dentro de render() .
Para adicionar um estado local, primeiro, precisaremos adicionar um construtor. Ao implementar o
construtor para uma subclasse React.Component, você deve chamar super(props) antes de qualquer
outra instrução. Caso contrário, this.props ficará indefinido no construtor, o que pode resultar em bugs.
Objetos são o que transmite os dados para os componentes.
Também precisamos inicializar o estado local e atribuir um objeto a this.state . Usaremos "postagens"
como uma matriz vazia que podemos preencher com os dados da postagem de uma API.
Agora, o arquivo app.js ficará assim:
3. Para chamar uma API com os dados para uso no aplicativo React, usaremos o método JavaScript .fetch. A
API que chamaremos é JSONPlaceholder, uma API gratuita para teste e protótipos que fornece dados de
espaço reservado fictícios no formato JSON. O método componentDidMount é usado para montar o fetch
no componente do React. Os dados da API são salvos no estado (usando a solicitação setState).
import React, { Component } from 'react';
4. Vamos dar uma olhada em quais tipos de dados a API salvou no estado posts . Veja abaixo uma parte do
conteúdo do arquivo de API JSON fictício. Podemos ver o formato no qual os dados estão listados
usando as categorias "albumId", "id", "title", "url" e "thumbnailUrl".
[
{
"albumId": 1,
"id": 1,
"title": "accusamus beatae ad facilis cum similique qui sunt",
"url": "https://via.placeholder.com/600/92c952",
"thumbnailUrl": "https://via.placeholder.com/150/92c952"
},
{
"albumId": 1,
"id": 2,
"title": "reprehenderit est deserunt velit ipsam",
"url": "https://via.placeholder.com/600/771796",
"thumbnailUrl": "https://via.placeholder.com/150/771796"
}
]
5. Precisaremos adicionar um estilo de página para exibir nossos dados de API. Vamos usar o Bootstrap
para processar o estilo para nós. Podemos copiar e colar a referência de folha de estilos da CDN do
Bootstrap dentro do arquivo ./public/index.html do aplicativo React.
<title>React App</title>
</head>
<body>
6. Para exibir os dados da API, referenciando as classes do Bootstrap para estilo, agora, precisaremos
adicionar um código JSX dentro da instrução return() renderizada. Adicionaremos um contêiner, um
cabeçalho ("Postagens da chamada à API") e um cartão para cada um dos dados da API. Usaremos o
método map() para exibir nossos dados do objeto posts que o armazenamos como chaves. Cada
cartão exibirá um cabeçalho com o "nº da ID" e o valor de chave post.id + o valor de chave post.title dos
dados JSON. Seguido do corpo que exibe a imagem com base no valor da chave thumbnailURL.
render() {
const { posts } = this.state;
return (
<div className="container">
<div class="jumbotron">
<h1 class="display-4">Posts from our API call</h1>
</div>
{posts.map((post) => (
<div className="card" key={post.id}>
<div className="card-header">
ID #{post.id} {post.title}
</div>
<div className="card-body">
<img src={post.thumbnailUrl}></img>
</div>
</div>
))}
</div>
);
}
7. Execute o aplicativo React novamente: npm start e dê uma olhada no navegador da Web local em
localhost:3000 para ver os dados da API que estão sendo exibidos.
Recursos adicionais
A documentação oficial do React oferece todas as informações mais recentes e atualizadas sobre o React
Complementos do Microsoft Edge para as Ferramentas para Desenvolvedores do React: adicione duas guias
às suas ferramentas de desenvolvimento do Microsoft Edge para ajudar com o desenvolvimento do React:
Componentes e Profiler.
Microsoft Learn: o roteiro de aprendizagem do React contém módulos de curso online para ajudar você a se
familiarizar com os conceitos básicos.
O que é o Vue.js?
23/09/2021 • 2 minutes to read
O Vue é uma estrutura JavaScript de front-end e de software livre para criação de interfaces do usuário e
aplicativos de página única na Web. Criado por Evan You, lançado em 2014 e mantido por Evan e pela equipe
principal dele, o Vue tem como foco a renderização declarativa e a composição de componentes que oferecem
uma biblioteca principal somente para a camada de exibição.
Caso deseje criar um aplicativo Web Vue renderizado pelo servidor com recursos avançados, como roteamento,
gerenciamento de estado e ferramentas de build, dê uma olhada no Nuxt.js.
Ferramentas do Vue
O Vue.js tem como foco apenas a camada de exibição. Portanto, ele pode exigir ferramentas adicionais para criar
um aplicativo mais complexo. O ideal é considerar usar o seguinte:
Gerenciador de pacotes: dois gerenciadores de pacotes populares para o Vue são o npm (que está incluído
no NodeJS) e o Yarn. Os dois dão suporte a uma ampla biblioteca de pacotes bem mantidos que podem ser
instalados.
CLI do Vue: um kit de ferramentas padrão para o desenvolvimento rápido com o Vue.js com suporte
integrado para Babel, PostCSS, TypeScript, ESLint etc.
Nuxt.js: uma estrutura projetada para possibilitar a renderização de aplicativos Vue.js no lado do servidor. A
renderização no lado do servidor pode aprimorar a SEO e tornar as interfaces do usuário mais dinâmicas.
Pacote de extensão do Vue para VS Code: adiciona realce de sintaxe, formatação de código e snippets de
código aos arquivos .vue.
Vuetify: uma biblioteca de interface do usuário do Vue que oferece componentes de estrutura de design de
material.
Vuesion: um genérico do Vue para PWAs (Aplicativos Web Progressivos) prontos para produção.
Livro de história: um ambiente de desenvolvimento e teste para componentes de interface do usuário do
Vue.
Vue Router: dá suporte ao mapeamento de URLs de aplicativo para componentes do Vue.
Vue Design System: uma ferramenta de software livre projetada para criar sistemas de design com o Vue.js.
VueX: sistema de gerenciamento de estado para aplicativos Vue.
Recursos adicionais
Documentação do Vue
Visão geral do Vue.js
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o Vue.js no WSL
Instalar o Vue.js no Windows
Instalar o Nuxt.js
Curso online do Microsoft Learn: Dê seus primeiros passos com o Vue.js
Experimente um tutorial do Vue com o VS Code
Instalar o Vue.js no Subsistema do Windows para
Linux
23/09/2021 • 2 minutes to read
Um guia para ajudar você a configurar um ambiente de desenvolvimento do Vue.js no Windows 10 instalando a
estrutura da Web Vue.js no WSL (Subsistema do Windows para Linux). Saiba mais na página de visão geral do
Vue.js.
O Vue pode ser instalado diretamente no Windows ou no WSL. Em geral, recomendamos que você o instale no
WSL se pretende interagir com um back-end do NodeJS, deseja obter paridade com um servidor de produção
Linux ou pretende acompanhar um tutorial que utilize comandos do Bash. Para obter mais informações, confira
Devo fazer a instalação no Windows ou no Subsistema do Windows para Linux?.
Pré-requisitos
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: isso inclui um gerenciador de versões, um gerenciador de pacotes, o Visual
Studio Code e a extensão de desenvolvimento remoto. O npm (Gerenciador de Pacotes do Node) é usado
para instalar o Vue.js.
IMPORTANT
A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar os arquivos:
\\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que esteja usando). Para abrir esse
diretório no Explorador de Arquivos do Windows, abra a linha de comando do WSL, selecione o diretório base usando
cd ~ e insira o comando explorer.exe . . Tome cuidado para não instalar nem armazenar arquivos com os quais você
trabalhará na unidade C montada ( /mnt/c/Users/yourname$ ). Essa ação deixará a instalação e os tempos de build
significativamente lentos.
Instalar o Vue.js
Para instalar o Vue.js no WSL:
1. Abra uma linha de comando do WSL (ou seja, o Ubuntu).
2. Crie uma pasta de projeto, mkdir VueProjects , e insira este diretório: cd VueProjects .
3. Instale o Vue.js usando o npm (Gerenciador de Pacotes do Node):
Verifique o número de versão que você instalou usando o comando vue --version .
NOTE
Para instalar o Vue.js usando uma CDN em vez do npm, confira a documentação de instalação do Vue.js.
Instalar a CLI do Vue
A CLI do Vue é um kit de ferramentas usado para trabalhar com o Vue na linha de comando/no terminal. Com
ela, você pode fazer um scaffold rápido de um novo projeto (vue create), criar protótipos de novas ideias (vue
serve) ou gerenciar projetos usando uma interface gráfica do usuário (vue ui). A CLI do Vue é um pacote npm
instalado globalmente que lida com algumas das complexidades do build (como o uso do Babel ou do webpack)
para você. Se você não está criando um aplicativo de página única, talvez não precise nem queira usar a CLI do
Vue.
Para instalar a CLI do Vue, use o npm. Você precisará usar o sinalizador -g para a instalação global a fim de
atualizá-lo ( vue upgrade --next ):
Para saber mais sobre outros plug-ins que podem ser adicionados (como o lint ou o Apollo para a integração do
GraphQL), acesse Plug-ins da CLI do Vue na documentação da CLI do Vue.
Recursos adicionais
Documentação do Vue
Visão geral do Vue.js
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o Vue.js no Windows
Instalar o Nuxt.js
Curso online do Microsoft Learn: Dê seus primeiros passos com o Vue.js
Experimente um tutorial do Vue com o VS Code
Instalar o Vue.js diretamente no Windows
23/09/2021 • 2 minutes to read
Um guia para ajudar você a configurar um ambiente de desenvolvimento do Vue.js no Windows 10. Saiba mais
na página de visão geral do Vue.js.
O Vue pode ser instalado diretamente no Windows ou no WSL (Subsistema do Windows para Linux). Em geral,
recomendamos que você instale o Vue no WSL se pretende interagir com um back-end do NodeJS, deseja obter
paridade com um servidor de produção do Linux ou pretende acompanhar o artigo com um tutorial que utilize
comandos do Bash. Para obter mais informações, confira Devo fazer a instalação no Windows ou no Subsistema
do Windows para Linux?.
Pré-requisitos
Instalar o Node.js no Windows: isso inclui um gerenciador de versões, um gerenciador de pacotes e o Visual
Studio Code. O npm (Gerenciador de Pacotes do Node) é usado para instalar o Vue.js.
Instalar o Vue.js
Para instalar o Vue.js:
1. Abra uma linha de comando (ou seja, prompt de comando do Windows ou PowerShell).
2. Crie uma pasta de projeto, mkdir VueProjects , e insira este diretório: cd VueProjects .
3. Instale o Vue.js usando o npm (Gerenciador de Pacotes do Node):
Verifique o número de versão que você instalou usando o comando vue --version .
NOTE
Para instalar o Vue.js usando uma CDN em vez do npm, confira a documentação de instalação do Vue.js. Confira a
documentação do Vue para obter uma Explicação de diferentes builds do Vue.
Recursos adicionais
Documentação do Vue
Visão geral do Vue.js
Devo fazer a instalação no Windows ou no WSL (Subsistema do Windows para Linux)?
Instalar o Vue.js no WSL
Instalar o Nuxt.js
Curso online do Microsoft Learn: Dê seus primeiros passos com o Vue.js
Experimente um tutorial do Vue com o VS Code
Introdução ao Nuxt.js no Windows
23/09/2021 • 5 minutes to read
Um guia para ajudar você a instalar a estrutura da Web Nuxt.js e colocá-la em funcionamento no Windows 10.
Nuxt.js é uma estrutura para criar aplicativos JavaScript renderizados pelo servidor com base em Vue.js, Node.js,
Webpack e Babel.js. Ele foi inspirado no Next.js. Basicamente, é um projeto genérico para Vue. Assim como o
Next.js, ele foi criado de acordo com as práticas recomendadas e permite desenvolver aplicativos Web
"universais" de forma simples e consistente, praticamente com qualquer configuração. Esses aplicativos Web
"universais" renderizados pelo servidor também são chamados de "isomórficos", o que significa que o código é
compartilhado entre o cliente e o servidor.
Para saber mais sobre o Vue, confira a página de visão geral do Vue.
Pré-requisitos
Este guia pressupõe que você já tenha concluído as etapas para configurar o ambiente de desenvolvimento do
Node.js, incluindo:
Instalar o WSL (Subsistema do Windows para Linux), incluindo uma distribuição do Linux (como o Ubuntu), e
verificar se ele está sendo executado no modo WSL 2. Para verificar isso, abra o PowerShell e digite:
wsl -l -v
Instalar o Node.js no WSL 2: isso inclui um gerenciador de versões, um gerenciador de pacotes, o Visual
Studio Code e a extensão de desenvolvimento remoto.
Recomendamos usar o Subsistema do Windows para Linux ao trabalhar com aplicativos NodeJS a fim de
aprimorar a velocidade de desempenho, a compatibilidade de chamadas do sistema e obter paridade ao
executar servidores Linux ou contêineres do Docker.
IMPORTANT
A instalação de uma distribuição do Linux com o WSL criará um diretório para armazenar os arquivos:
\\wsl\Ubuntu-20.04 (substitua o Ubuntu-20.04 por qualquer distribuição do Linux que esteja usando). Para abrir esse
diretório no Explorador de Arquivos do Windows, abra a linha de comando do WSL, selecione o diretório base usando
cd ~ e insira o comando explorer.exe . . Tome cuidado para não instalar o NodeJS nem armazenar arquivos com os
quais você trabalhará na unidade C montada ( /mnt/c/Users/yourname$ ). Essa ação deixará a instalação e os tempos de
build significativamente lentos.
Instalar o Nuxt.js
Para instalar o Nuxt.js, você precisará responder a uma série de perguntas sobre qual tipo de estrutura de
servidor integrado, estrutura da interface do usuário, estrutura de teste, modo, módulos e linter você deseja
instalar:
1. Abra uma linha de comando do WSL (ou seja, o Ubuntu).
2. Crie uma pasta de projeto, mkdir NuxtProjects , e insira este diretório: cd NuxtProjects .
3. Instale o Nuxt.js e crie um projeto (substituindo "my-nuxt-app" pelo nome que você gostaria para seu
aplicativo): npm create nuxt-app my-nuxt-app
4. Agora, o instalador do Nuxt.js fará as seguintes perguntas:
Nome do projeto: my-nuxtjs-app
Descrição do projeto: descrição do meu aplicativo Nuxt.js.
Nome do autor: uso meu alias do GitHub.
Escolha o gerenciador de pacotes: yarn ou NPM – usamos NPM para nossos exemplos.
Escolha estrutura da IU: nenhum, Vue de design do Ant, Vue de inicialização etc. Vamos escolher
Vuetify para este exemplo, mas a Comunidade Vue criou um interessante resumo de comparação
dessas estruturas de IU para ajudar na escolha do melhor esquema para seu projeto.
Escolha estruturas de servidor personalizadas: nenhuma, AdonisJs, Express, Fastify etc. Vamos
escolher Nenhuma para este exemplo, mas você pode encontrar uma comparação de estruturas de
servidor 2019-2020 no site Dev.to.
Escolha módulos de Nuxt.js (use a barra de espaços para selecionar módulos ou apenas insira se você
não quiser): Axios (para simplificar as solicitações HTTP) ou suporte do PWA (para adicionar um
serviço de trabalho, arquivo manifest.json etc.). Não vamos adicionar um módulo a este exemplo.
Escolha ferramentas de lint: ESLint , Prettier e arquivos Lint em etapas. Vamos escolher ESLint (uma
ferramenta para analisar seu código e avisar sobre possíveis erros).
Escolha uma estrutura de teste: Nenhuma , JEST, AVA. Vamos escolher Nenhuma , já que não
abordaremos os testes neste guia de início rápido.
Escolha o modo de renderização: Universal (SSR) ou um SPA (aplicativo de página única). Vamos
escolher Universal (SSR) para nosso exemplo, mas os documentos do Nuxt.js indicam algumas
diferenças, como SSR exigindo um servidor Node.js em execução para renderizar seu aplicativo no
servidor e um SPA para hospedagem estática.
Escolher ferramentas de desenvolvimento: jsconfig.json (recomendado para VS Code para que a
conclusão do código IntelliSense funcione)
5. Depois que o projeto for criado, use cd my-nuxtjs-app para inserir o diretório do projeto Nuxt.js, depois
insira code . para abrir o projeto no ambiente WSL remoto do VS Code.
6. Há três comandos que você precisará saber quando o Nuxt.js estiver instalado:
npm run dev para executar uma instância de desenvolvimento com recarga dinâmica, observação de
arquivo e nova execução de tarefa.
npm run build para compilar seu projeto.
npm start para iniciar seu aplicativo no modo de produção.
Abra o terminal WSL integrado no VS Code (Exibir > Terminal ). Verifique se o caminho do terminal está
indicando o diretório do projeto (por exemplo, ~/NuxtProjects/my-nuxt-app$ ). Em seguida, tente executar
uma instância de desenvolvimento do novo aplicativo Nuxt.js usando: npm run dev
7. O servidor de desenvolvimento local será iniciado (exibindo algumas barras de progresso legais para as
compilações do cliente e do servidor). Após a criação do projeto, seu terminal exibirá "Compilado com
êxito" com o tempo que a compilação levou. Aponte o navegador da Web para http://localhost:3000 a fim
de abrir o novo aplicativo Nuxt.js.
8. Abra o arquivo pages/index.vue no editor do VS Code. Localize o título da página
<v-card-title class="headline">Welcome to the Vuetify + Nuxt.js template</v-card-title> e altere-o para
<v-card-title class="headline">This is my new Nuxt.js app!</v-card-title> . Com o navegador da Web
ainda aberto em localhost:3000, salve sua alteração e observe que o recurso de recarga dinâmica
compila e atualiza automaticamente a alteração no navegador.
9. Vejamos como o Nuxt.js lida com erros. Remova a marca de fechamento </v-card-title> para que o
código de título agora tenha esta aparência: <v-card-title class="headline">This is my new Nuxt.js app! .
Salve essa alteração e observe que um erro de compilação será exibido no navegador e no terminal,
informando que a marca de fechamento <v-card-title> está ausente, e os números de linha em que o
erro pode ser encontrado em seu código. Substitua a marca de fechamento </v-card-title> , salve, e a
página será recarregada.
Você pode usar o depurador do VS Code com o aplicativo Nuxt.js clicando na tecla F5 ou acessando Exibir >
Depurar (Ctrl+Shift+D) e Exibir > Console de Depuração (Ctrl+Shift+Y) na barra de menus. Se você
selecionar o ícone de engrenagem na janela de Depuração, um arquivo de configuração de inicialização (
launch.json ) será criado para que você salve os detalhes da configuração de depuração. Confira mais
informações em Depuração do VS Code.
Se você estiver começando a usar o Vue.js agora, este guia ajudará você a se familiarizar com alguns conceitos
básicos.
Experimentar a área restrita de código HelloWorld do Vue.js
Experimentar usar o Node.js no Visual Studio Code
Pré-requisitos
Primeiro, é necessário instalar o Vue.js no Windows ou no Subsistema do Windows para Linux. Não tem
certeza de qual usar? Em geral, recomendamos que os iniciantes façam a instalação no Windows para
aprender a usá-lo, mas os profissionais podem instalá-lo no WSL. Confira Devo instalar o Node.js no
Windows ou no Subsistema do Windows para Linux?.
Você precisará escolher se deseja usar o Vue 2 ou a versão prévia do Vue 3 ou selecionar manualmente
os recursos desejados.
5. Tente executar o novo aplicativo Vue no navegador da Web: npm run serve
Você verá "Bem-vindo(a) ao seu aplicativo Vue.js" no http://localhost:8080 em seu navegador. Pressione
Ctrl+C para interromper o servidor vue-cli-service.
NOTE
Se estiver usando o WSL (com o Ubuntu ou sua distribuição favorita do Linux) para este tutorial, você precisará
verificar se tem a Extensão do WSL Remoto instalada para obter a melhor experiência de execução e edição do seu
código com o servidor remoto do VS.
6. Tente atualizar a mensagem de boas-vindas abrindo o código-fonte do aplicativo Vue no VS Code, insira:
code .
7. O VS Code será iniciado e exibirá o aplicativo Vue no Explorador de Arquivos. Execute seu aplicativo no
terminal novamente com o npm run serve e abra o navegador da Web no localhost para ver a página
inicial da página do Vue exibida. Encontre o arquivo App.vue no VS Code. Tente alterar "Bem-vindo(a) ao
seu aplicativo Vue.js" para "Bem-vindo(a) à selva!". Você verá a "recarga dinâmica" do aplicativo Vue
assim que salvar a alteração.
Recursos adicionais
Usando o Vue no Visual Studio Code: saiba mais sobre como usar o Vue com o VS Code, incluindo a
extensão do Vetur que fornece realce de sintaxe do Vue, IntelliSense, suporte à depuração, entre outros.
Documentação do Vue.js
Comparação do Vue com outras estruturas como o React ou o Angular
Visão geral do Vue.js
Curso online do Microsoft Learn: Dê seus primeiros passos com o Vue.js
Introdução ao uso do Python no Windows para
iniciantes
23/09/2021 • 11 minutes to read
Veja a seguir um guia passo a passo para os iniciantes que estão interessados em aprender mais sobre o Python
usando o Windows 10.
Instalar o Python
Para instalar o Python usando a Microsoft Store:
1. Acesse o menu Iniciar (ícone do Windows no canto inferior esquerdo), digite "Microsoft Store" e
selecione o link para abrir a loja.
2. Quando a loja estiver aberta, selecione Pesquisar no menu superior direito e insira "Python". Selecione
qual versão do Python você gostaria de usar dos resultados mostrados em Aplicativos. É recomendável
usar a mais recente, a menos que você tenha um motivo para não fazer isso (como o alinhamento com a
versão usada em um projeto pré-existente no qual você planeja trabalhar). Depois de determinar qual
versão deseja instalar, selecione Obter .
3. Depois que o Python concluir o processo de download e instalação, abra o Windows PowerShell usando
o menu Iniciar (ícone do Windows no canto inferior esquerdo). Quando o PowerShell estiver aberto,
insira Python --version para confirmar se o Python3 foi instalado no computador.
4. A instalação do Python por meio da Microsoft Store inclui o pip , o gerenciador de pacotes padrão. O pip
permite que você instale e gerencie pacotes adicionais que não fazem parte da biblioteca padrão do
Python. Para confirmar que você também tem o pip disponível para instalar e gerenciar pacotes, insira
pip --version .
Instalar o Visual Studio Code
Usando o VS Code como o editor de texto/o IDE (ambiente de desenvolvimento integrado), você pode
aproveitar o IntelliSense (um recurso de preenchimento de código), o Linting (ajuda a evitar erros no código), o
Suporte de depuração (ajuda a encontrar erros no código depois de executá-lo), os Snippets de código
(modelos para pequenos blocos de código reutilizáveis) e os Testes de unidade (testes da interface do código
com diferentes tipos de entrada).
O VS Code também contém um terminal interno que permite que você abra uma linha de comando do Python
com o Prompt de Comando do Windows, o PowerShell ou o que preferir, estabelecendo um fluxo de trabalho
contínuo entre o editor de códigos e a linha de comando.
1. Para instalar o VS Code, baixe o VS Code para Windows: https://code.visualstudio.com.
2. Depois que o VS Code tiver sido instalado, você também deverá instalar a extensão do Python. Para
instalar a extensão do Python, você pode selecionar o link VS Code Marketplace ou abrir o VS Code e
pesquisar Python no menu extensões (Ctrl+Shift+X).
3. O Python é uma linguagem interpretada e, para executar o código Python, você precisará informar o VS
Code de qual interpretador usar. É recomendável usar a versão mais recente do Python, a menos que
você tenha um motivo específico para escolher algo diferente. Depois de ter instalado a extensão do
Python, selecione um interpretador do Python 3 abrindo a paleta de comandos (Ctrl+Shift+P) e
comece a digitar o comando Python: Selecionar Interpretador para pesquisar e, em seguida,
selecione o comando. Use também a opção Selecionar Ambiente do Python na barra de status
inferior, se disponível (talvez ela já mostre um interpretador selecionado). O comando apresenta uma
lista dos interpretadores disponíveis que o VS Code pode localizar automaticamente, incluindo ambientes
virtuais. Se o interpretador desejado não for exibido, confira Como configurar ambientes do Python.
4. Para abrir o terminal no VS Code, selecione Exibir > Terminal ou, como alternativa, use o atalho Ctrl+`
(usando o caractere de acento grave). O terminal padrão é o PowerShell.
5. No terminal do VS Code, abra o Python apenas inserindo o comando: python
mkdir hello
cd hello
code .
2. Quando o VS Code for aberto exibindo a nova pasta hello na janela do Explorador no lado esquerdo,
abra uma janela de linha de comando no painel inferior do VS Code pressionando CTRL+` (usando o
caractere de acento grave) ou selecionando Exibir > Terminal . Iniciando o VS Code em uma pasta, essa
pasta torna-se o "workspace". O VS Code armazena configurações específicas para esse workspace em
.vscode/settings.json, que são separadas das configurações de usuário armazenadas globalmente.
3. Continue o tutorial nos documentos do VS Code: Crie um arquivo de código-fonte Olá, Mundo do
Python.
3. Se tudo estiver certo, o jogo abrirá uma janela. Feche a janela quando terminar de jogar.
Veja como começar a escrever seu próprio jogo.
1. Abra o PowerShell (ou o Prompt de Comando do Windows) e crie uma pasta vazia chamada "bounce".
Navegue até essa pasta e crie um arquivo chamado "bounce.py". Abra a pasta no VS Code:
mkdir bounce
cd bounce
new-item bounce.py
code .
pygame.init()
screen = pygame.display.set_mode(size)
while 1:
x += dx
y += dy
screen.fill(black)
pygame.display.flip()
Tente ajustar alguns dos números para ver o efeito que eles têm na bola saltitante.
Leia mais sobre como escrever jogos com o PyGame em pygame.org.
Recursos para aprendizado contínuo
Recomendamos os recursos a seguir para ajudar você a continuar aprendendo sobre o desenvolvimento com o
Python no Windows.
Cursos online de introdução ao Python
Introdução ao Python no Microsoft Learn: Experimente a plataforma interativa do Microsoft Learn e
ganhe pontos de experiência por concluir este módulo abordando os conceitos básicos sobre como
escrever um código Python básico, declarar variáveis e trabalhar com a entrada e a saída do console. O
ambiente interativo de área restrita faz desse um ótimo lugar para começar para as pessoas que ainda
não têm seu próprio ambiente de desenvolvimento do Python configurado.
Python no Pluralsight: 8 cursos, 29 horas: O roteiro de aprendizagem do Python no Pluralsight oferece
cursos online que abrangem uma variedade de tópicos relacionados ao Python, incluindo uma
ferramenta para avaliar suas habilidades e encontrar suas lacunas.
Tutoriais de LearnPython.org: Comece a aprender a usar o Python sem precisar instalar nem definir nada
com estes tutoriais interativos e gratuitos do Python da equipe do DataCamp.
Os tutoriais do Python.org: Apresenta o leitor informalmente aos conceitos básicos e aos recursos da
linguagem Python e do sistema.
Introdução ao Python no Lynda.com: Uma introdução básica ao Python.
Como trabalhar com o Python no VS Code
Como editar o Python no VS Code: Saiba mais sobre como aproveitar o preenchimento automático e o
suporte do IntelliSense do VS Code para o Python, incluindo como personalizar o comportamento deles
ou apenas desligá-los.
Linting do Python: Linting é o processo de execução de um programa que analisará o código em busca
de possíveis erros. Saiba mais sobre as diferentes formas de suporte de linting fornecidas pelo VS Code
para o Python e como configurá-lo.
Depuração do Python: Depuração é o processo de identificação e remoção de erros de um programa de
computador. Este artigo aborda como inicializar e configurar a depuração para o Python com o VS Code,
como definir e validar pontos de interrupção, anexar um script local, executar a depuração para diferentes
tipos de aplicativos ou em um computador remoto e algumas soluções de problemas básicas.
Teste de unidade do Python: Aborda uma explicação preliminar sobre o significado do teste de unidade,
um passo a passo de exemplo, a habilitação de uma estrutura de teste, a criação e a execução dos testes,
a depuração de testes e definições de configuração de teste.
Introdução ao uso do Python para desenvolvimento
para a Web no Windows
23/09/2021 • 19 minutes to read
Veja a seguir um guia passo a passo para ajudar você a começar a usar o Python para desenvolvimento para a
Web no Windows usando o WSL (Subsistema do Windows para Linux).
TIP
Considere instalar o novo Terminal do Windows da Microsoft Store para habilitar várias guias (alterne rapidamente entre
as linhas de comando do Linux, o prompt de comando do Windows, o PowerShell, a CLI do Azure etc.), crie associações de
chave personalizadas (teclas de atalho para abrir ou fechar guias, copiar + colar etc.), use o recurso de pesquisa e
configure temas personalizados (esquemas de cores, estilos e tamanhos de fonte, imagem de tela de
fundo/desfoque/transparência). Saiba mais.
IMPORTANT
Se você já tiver o VS Code instalado, precisará verificar se tem a versão de maio 1.35 ou posterior para instalar a Extensão
do WSL Remoto. Não recomendamos o uso do WSL no VS Code sem a extensão do WSL Remoto, pois você perderá o
suporte de preenchimento automático, depuração, linting etc. Curiosidade: Essa extensão do WSL é instalada em
$HOME/.vscode-server/extensions.
TIP
Um ponto importante a ser lembrado ao usar o WSL (Subsistema do Windows para Linux) é que agora você está
trabalhando entre dois sistemas de arquivos diferentes : 1) o sistema de arquivos do Windows e 2) o sistema de
arquivos do Linux (WSL), que é o Ubuntu em nosso exemplo. Você precisará prestar atenção no local de instalação dos
pacotes e armazenamento dos arquivos. Você pode instalar uma versão de uma ferramenta ou um pacote no sistema de
arquivos do Windows e uma versão completamente diferente no sistema de arquivos do Linux. A atualização da
ferramenta no sistema de arquivos do Windows não terá nenhum efeito na ferramenta no sistema de arquivos do Linux e
vice-versa. O WSL monta as unidades fixas no computador na pasta /mnt/<drive> da distribuição do Linux. Por
exemplo, a unidade C: do Windows está montada em /mnt/c/ . Acesse seus arquivos do Windows por meio do terminal
do Ubuntu e use aplicativos e ferramentas do Linux nesses arquivos e vice-versa. Recomendamos trabalhar no sistema de
arquivos do Linux para o desenvolvimento na Web com o Python, considerando que grande parte das ferramentas da
Web foi originalmente escrita para o Linux e implantada em um ambiente de produção do Linux. Isso também evita a
mistura de semântica do sistema de arquivos (como o Windows não diferenciando maiúsculas de minúsculas em relação
aos nomes de arquivos). Dito isso, o WSL agora dá suporte à alternância entre os sistemas de arquivos do Linux e do
Windows, de modo que você possa hospedar seus arquivos em um deles. Saiba mais.
Instalar o Python, o pip e o venv
O Ubuntu 18.04 LTS é fornecido com o Python 3.6 já instalado, mas não vem com alguns dos módulos que você
pode esperar obter com outras instalações do Python. Ainda precisaremos instalar o pip , o gerenciador de
pacotes padrão para o Python, e o venv , o módulo padrão usado para criar e gerenciar ambientes virtuais leves.
1. Confirme se o Python3 já está instalado abrindo o terminal do Ubuntu e inserindo python3 --version .
Isso deverá retornar o número de versão do Python. Caso precise atualizar sua versão do Python,
primeiro, atualize sua versão do Ubuntu inserindo sudo apt update && sudo apt upgrade e, em seguida,
atualize o Python usando sudo apt upgrade python3 .
2. Instale o pip inserindo sudo apt install python3-pip . O pip permite que você instale e gerencie pacotes
adicionais que não fazem parte da biblioteca padrão do Python.
3. Instale o venv inserindo sudo apt install python3-venv .
TIP
Recomendamos a criação do ambiente virtual dentro do diretório no qual você planeja ter o projeto. Como cada projeto
deve ter seu próprio diretório separado, cada um terá seu próprio ambiente virtual e, portanto, não há necessidade de
nomes exclusivos. Nossa sugestão é usar o nome .venv para seguir a convenção do Python. Algumas ferramentas (como
o pipenv) também usarão esse nome como padrão se você instalá-lo no diretório do projeto. Você não deseja usar .env ,
pois isso entra em conflito com os arquivos de definição de variável de ambiente. Em geral, não recomendamos usar
nomes sem um ponto à esquerda, pois você não precisa que ls lembre você constantemente de que o diretório existe.
Também recomendamos a adição de .venv ao arquivo .gitignore. (Este é modelo de gitignore padrão do GitHub para
Python para referência.) Para obter mais informações sobre como trabalhar com ambientes virtuais no VS Code, confira
Como usar ambientes do Python no VS Code.
3. Feche o terminal do Ubuntu. Mais adiante, usaremos o terminal do WSL integrado ao VS Code.
4. Abra o terminal do WSL no VS Code pressionando CTRL+` (usando o caractere de acento grave) ou
selecionando Exibir > Terminal . Isso abrirá uma linha de comando do Bash (WSL) aberta no caminho da
pasta do projeto que você criou no terminal do Ubuntu.
5. Cole este código Python no arquivo test.py e, em seguida, salve o arquivo (Ctrl+S):
print("Hello World")
6. Para executar o programa "Olá, Mundo" do Python recém-criado, selecione o arquivo test.py na janela
do Explorador do VS Code e, em seguida, clique com o botão direito do mouse no arquivo para exibir um
menu de opções. Selecione Executar o Arquivo Python no Terminal . Como alternativa, na janela do
terminal integrado do WSL, insira python test.py para executar o programa "Olá, Mundo". O
interpretador do Python imprimirá "Olá, Mundo" na janela do terminal.
Parabéns! Você está pronto para criar e executar programas do Python. Agora, vamos tentar criar um aplicativo
Olá, Mundo com duas das estruturas da Web mais populares do Python: Flask e Django.
5. No VS Code, abra o terminal integrado do WSL (também conhecido como Bash) inserindo Ctrl+Shift+`
(a pasta do projeto HelloWorld-Flask já deverá estar selecionada). Feche a linha de comando do
Ubuntu, pois trabalharemos no terminal do WSL integrado ao VS Code mais adiante.
6. Ative o ambiente virtual criado na etapa nº 3 usando o terminal do Bash no VS Code:
source .venv/bin/activate . Se isso funcionou, você deve ver (.venv) antes do prompt de comando.
7. Instale o Flask no ambiente virtual inserindo python3 -m pip install flask . Verifique se ele está
instalado inserindo python3 -m flask --version .
8. Crie um arquivo para o código Python: touch app.py
10. Em app.py , adicione o código para importar o Flask e crie uma instância do objeto Flask:
11. Também em app.py , adicione uma função que retorna o conteúdo, neste caso, uma cadeia de caracteres
simples. Use o decorador app.route do Flask para mapear a rota de URL "/" para essa função:
@app.route("/")
def home():
return "Hello World! I'm using Flask."
TIP
Você pode usar vários decoradores na mesma função, um por linha, dependendo de quantas rotas diferentes você
deseja mapear para a mesma função.
14. Abra o navegador da Web padrão na página renderizada, Ctrl+Clique na URL http://127.0.0.1:5000/ no
terminal. Você deverá ver a seguinte mensagem no navegador:
15. Observe que, quando você visita uma URL como "/", uma mensagem é exibida no terminal de depuração
mostrando a solicitação HTTP:
127.0.0.1 - - [19/Jun/2019 13:36:56] "GET / HTTP/1.1" 200 -
TIP
Caso deseje usar um nome de arquivo diferente de app.py , como program.py , defina uma variável de ambiente
chamada FL ASK_APP e defina o valor como o arquivo escolhido. O servidor de desenvolvimento do Flask usa o valor
FL ASK_APP em vez do arquivo padrão app.py . Para obter mais informações, confira Documentação da interface de linha
de comando do Flask.
Parabéns, você criou um aplicativo Web do Flask usando o Visual Studio Code e o Subsistema do Windows para
Linux! Para obter um tutorial mais aprofundado sobre como usar o VS Code e o Flask, confira Tutorial do Flask
no Visual Studio Code.
5. No VS Code, abra o terminal integrado do WSL (também conhecido como Bash) inserindo Ctrl+Shift+`
(a pasta do projeto HelloWorld-Django já deverá estar selecionada). Feche a linha de comando do
Ubuntu, pois trabalharemos no terminal do WSL integrado ao VS Code mais adiante.
6. Ative o ambiente virtual criado na etapa nº 3 usando o terminal do Bash no VS Code:
source .venv/bin/activate . Se isso funcionou, você deve ver (.venv) antes do prompt de comando.
7. Instale o Django no ambiente virtual com o comando python3 -m pip install django . Verifique se ele
está instalado inserindo python3 -m django --version .
8. Em seguida, execute o seguinte comando para criar o projeto do Django:
O comando startproject pressupõe (pelo uso de . no final) que a pasta atual seja a pasta do projeto e
cria o seguinte dentro dela:
: O utilitário administrativo da linha de comando do Django para o projeto. Execute
manage.py
comandos administrativos para o projeto usando python manage.py <command> [options] .
Uma subpasta chamada web_project , que contém os seguintes arquivos:
__init__.py : um arquivo vazio que informa o Python de que essa pasta é um pacote do
Python.
wsgi.py : um ponto de entrada para servidores Web compatíveis com WSGI para atender ao
projeto. Normalmente, esse arquivo é mantido no estado em que se encontra, pois ele fornece
os ganchos para servidores Web de produção.
settings.py : contém configurações para o projeto do Django, que você modificará no decorrer
do desenvolvimento de um aplicativo Web.
urls.py : contém um sumário para o projeto do Django, que você também modificará no curso
de desenvolvimento.
9. Para verificar o projeto do Django, inicie o servidor de desenvolvimento do Django usando o comando
python3 manage.py runserver . O servidor é executado na porta padrão 8000 e você deverá ver uma saída
semelhante à seguinte saída na janela do terminal:
Quando você executa o servidor pela primeira vez, ele cria um banco de dados SQLite padrão no arquivo
db.sqlite3 , que é destinado para fins de desenvolvimento, mas pode ser usado em produção para
aplicativos Web de baixo volume. Além disso, o servidor Web interno do Django é destinado apenas para
fins de desenvolvimento local. No entanto, quando você implanta em um host da Web, o Django usa o
servidor Web do host. O módulo wsgi.py no projeto do Django cuida da conexão com os servidores de
produção.
Caso você deseje usar uma porta diferente da 8000 padrão, especifique o número da porta na linha de
comando, como python3 manage.py runserver 5000 .
10. Ctrl+click na URL http://127.0.0.1:8000/ na Janela de Saída do terminal para abrir o navegador
padrão nesse endereço. Se o Django for instalado corretamente e o projeto for válido, você verá uma
página padrão. A Janela de Saída de terminal do VS Code também mostra o log do servidor.
11. Quando terminar, feche a janela do navegador e pare o servidor no VS Code usando Ctrl+C , conforme
indicado na Janela de Saída do terminal.
12. Agora, para criar um aplicativo do Django, execute o comando startapp do utilitário administrativo na
pasta do projeto (em que manage.py reside):
O comando cria uma pasta chamada hello que contém vários arquivos de código e uma subpasta.
Deles, com frequência, você trabalha com views.py (que contém as funções que definem as páginas no
aplicativo Web) e models.py (que contém as classes que definem os objetos de dados). A pasta
migrations é usada pelo utilitário administrativo do Django para gerenciar versões de banco de dados,
conforme abordado mais adiante neste tutorial. Também há arquivos apps.py (configuração de
aplicativo), admin.py (para criar uma interface administrativa) e tests.py (para testes), que não são
abordados aqui.
13. Modifique hello/views.py para que ele corresponda ao seguinte código, que cria uma única exibição
para a home page do aplicativo:
from django.http import HttpResponse
def home(request):
return HttpResponse("Hello, Django!")
14. Crie um arquivo, hello/urls.py , com o conteúdo abaixo. O arquivo urls.py é o local em que você
especifica padrões para rotear diferentes URLs para suas respectivas exibições apropriadas. O código
abaixo contém uma rota para mapear a URL raiz do aplicativo ( "" ) para a função views.home recém-
adicionada a hello/views.py :
urlpatterns = [
path("", views.home, name="home"),
]
15. A pasta web_project também contém um arquivo urls.py , que é o local em que o roteamento de URL é
realmente tratado. Abra web_project/urls.py e modifique-o para que ele corresponda ao código a seguir
(mantenha os comentários instrutivos se desejar). Esse código efetua pull de hello/urls.py do aplicativo
usando django.urls.include , que mantém as rotas do aplicativo contidas no aplicativo. Essa separação é
útil quando um projeto contém vários aplicativos.
urlpatterns = [
path("", include("hello.urls")),
]
Recursos adicionais
Tutorial do Python com o VS Code: Um tutorial introdutório do VS Code como um ambiente do Python,
principalmente sobre como editar, executar e depurar o código.
Suporte ao Git no VS Code: Saiba como usar os conceitos básicos de controle de versão do Git no VS Code.
Saiba mais sobre as atualizações que serão lançadas em breve com o WSL 2: Essa nova versão altera a forma
como as distribuições do Linux interagem com o Windows, aumentando o desempenho do sistema de
arquivos e adicionando compatibilidade total com chamadas do sistema.
Como trabalhar com várias distribuições do Linux no Windows: Saiba como gerenciar várias distribuições do
Linux diferentes no computador Windows.
Introdução ao uso do Python no Windows para
script e automação
23/09/2021 • 10 minutes to read
Veja a seguir um guia passo a passo para configurar seu ambiente de desenvolvedor e começar a usar o Python
para criar scripts e automatizar operações do sistema de arquivos no Windows.
NOTE
Este artigo abordará a configuração do ambiente para usar algumas das bibliotecas úteis do Python que podem
automatizar tarefas entre plataformas, como pesquisa no sistema de arquivos, acesso à Internet, análise de tipos de
arquivo etc., em uma abordagem centralizada no Windows. Para operações específicas do Windows, confira ctypes, uma
biblioteca de funções estrangeiras compatíveis com C para o Python, winreg, funções que expõem a API do Registro do
Windows para Python e Python/WinRT, habilitação do acesso das APIs do Windows Runtime no Python.
Instalar o Python
Para instalar o Python usando a Microsoft Store:
1. Acesse o menu Iniciar (ícone do Windows no canto inferior esquerdo), digite "Microsoft Store" e
selecione o link para abrir a loja.
2. Quando a loja estiver aberta, selecione Pesquisar no menu superior direito e insira "Python". Selecione
qual versão do Python você gostaria de usar dos resultados mostrados em Aplicativos. É recomendável
usar a mais recente, a menos que você tenha um motivo para não fazer isso (como o alinhamento com a
versão usada em um projeto pré-existente no qual você planeja trabalhar). Depois de determinar qual
versão deseja instalar, selecione Obter .
3. Depois que o Python concluir o processo de download e instalação, abra o Windows PowerShell usando
o menu Iniciar (ícone do Windows no canto inferior esquerdo). Quando o PowerShell estiver aberto,
insira Python --version para confirmar se o Python3 foi instalado no computador.
4. A instalação do Python por meio da Microsoft Store inclui o pip , o gerenciador de pacotes padrão. O pip
permite que você instale e gerencie pacotes adicionais que não fazem parte da biblioteca padrão do
Python. Para confirmar que você também tem o pip disponível para instalar e gerenciar pacotes, insira
pip --version .
NOTE
O terminal padrão deverá ser o PowerShell, mas se você precisar alterá-lo, use Ctrl+Shift+P para inserir a paleta
de comandos. Insira Terminal: Selecionar Shell Padrão e uma lista de opções de terminal será exibida,
contendo o PowerShell, o prompt de comando, o WSL etc. Selecione aquela que deseja usar e insira Ctrl+Shift+`
(usando o acento grave) para criar um terminal.
mkdir src
new-item src\list-directory-contents.py
7. Abra a janela Explorador de Arquivos do VS Code inserindo Ctrl+Shift+E (ou use o menu para navegar
até Exibir > Explorador ) e selecione o arquivo list-directory-contents.py recém-criado. A extensão do
Microsoft Python carregará automaticamente um interpretador do Python. Você pode ver qual
interpretador foi carregado na parte inferior da janela do VS Code.
NOTE
O Python é uma linguagem interpretada, o que significa que ele funciona como uma máquina virtual, emulando
um computador físico. Há diferentes tipos de interpretadores do Python que você pode usar: Python 2, Python 3,
Anaconda, PyPy etc. Para executar o código Python e obter o Python IntelliSense, você precisará informar o VS
Code de qual interpretador usar. Recomendamos o uso do interpretador escolhido por padrão pelo VS Code
(Python 3, em nosso caso), a menos que você tenha um motivo específico para escolher algo diferente. Para
alterar o interpretador do Python, selecione o interpretador atualmente exibido na barra azul na parte inferior da
janela do VS Code ou abra a paleta de comandos (Ctrl+Shift+P) e insira o comando Python: Selecionar
Interpretador . Isso exibirá uma lista dos interpretadores do Python atualmente instalados. Saiba mais sobre a
configuração de ambientes do Python.
import os
9. Abra o terminal integrado do VS Code (CTRL+` , usando o caractere de acento grave) e insira o diretório
src em que você acabou de salvar o script Python:
cd src
python3 .\list-directory-contents.py
Directory: ..\food\fruits
Subdirectory: apples
Subdirectory: oranges
File: banana.txt
File: blueberry.txt
File: strawberry.txt
Directory: ..\food\fruits\apples
File: honeycrisp.txt
Directory: ..\food\fruits\oranges
File: mandarin.txt
Directory: ..\food\vegetables
File: carrot.txt
11. Use o Python para imprimir essa saída do diretório do sistema de arquivos para seu próprio arquivo de
texto inserindo este comando diretamente no terminal do PowerShell:
python3 list-directory-contents.py > food-directory.txt
Parabéns! Você acabou de escrever um script automatizado de administração de sistemas que lê o diretório e os
arquivos criados e usa o Python para exibir e, em seguida, imprimir a estrutura de diretório no próprio arquivo
de texto.
NOTE
Caso não consiga instalar o Python 3 da Microsoft Store, confira este problema para obter um exemplo de como lidar
com o caminho desse script de exemplo.
new-item update-filenames.py
NOTE
os.getmtime retorna um carimbo de data/hora em tiques, o que não é facilmente legível. Ele precisa ser
convertido em uma cadeia de caracteres de datetime padrão primeiro.
import datetime
import os
os.rename(source_name, target_name)
Directory: ..\food\fruits
Subdirectory: apples
Subdirectory: oranges
File: 2019-07-18 12.24.46.385185_banana.txt
File: 2019-07-18 12.24.46.389174_strawberry.txt
File: 2019-07-18 12.24.46.391170_blueberry.txt
Directory: ..\food\fruits\apples
File: 2019-07-18 12.24.46.395160_honeycrisp.txt
Directory: ..\food\fruits\oranges
File: 2019-07-18 12.24.46.398151_mandarin.txt
Directory: ..\food\vegetables
File: 2019-07-18 12.24.46.402496_carrot.txt
5. Use o Python para imprimir os novos nomes de diretório do sistema de arquivos com o carimbo de
data/hora da última modificação em seu próprio arquivo de texto digitando este comando diretamente
no terminal do PowerShell: python3 list-directory-contents.py > food-directory-last-modified.txt
Esperamos que tenha aprendido algumas coisas divertidas sobre o uso de scripts Python para automatizar
tarefas básicas de administração de sistemas. É claro que há muito mais para aprender, mas esperamos que isso
tenha ajudado você a ter um bom começo. Compartilhamos abaixo alguns recursos adicionais para que você
continue aprendendo.
Recursos adicionais
Documentos do Python: Acesso a arquivos e diretórios: Documentação do Python sobre como trabalhar com
sistemas de arquivos e usar módulos para ler as propriedades de arquivos, manipular caminhos de forma
portátil e criar arquivos temporários.
Aprender a usar o Python: Tutorial de String_Formatting: Mais sobre o uso do operador "%" para formatação
de cadeia de caracteres.
Dez métodos do sistema de arquivos do Python que você deve saber: Artigo um pouco mais aprofundado
sobre a manipulação de arquivos e pastas com os e shutil .
O Guia do Mochileiro do Python: Administração de sistemas: Um "guia de opinião" que oferece visões gerais
e melhores práticas sobre tópicos relacionados ao Python. Esta seção aborda as estruturas e as ferramentas
de administração do sistema. Este guia é hospedado no GitHub e, portanto, você pode enviar problemas e
fazer contribuições.
Visão geral do desenvolvimento do Android no
Windows
18/09/2021 • 5 minutes to read
Android nativo
o desenvolvimento nativo do Android no Windows significa que seu aplicativo destina-se somente ao android
(não dispositivos iOS ou Windows). você pode usar Android Studio ou Visual Studio para desenvolver dentro do
ecossistema projetado especificamente para o sistema operacional Android. O desempenho será otimizado para
dispositivos Android, a aparência da interface do usuário será consistente com outros aplicativos nativos no
dispositivo, e quaisquer recursos ou capacidades do dispositivo do usuário serão diretos para acessar e utilizar.
Desenvolver seu aplicativo em um formato nativo ajudará a ti a simplesmente "sentir-se certo" porque ele segue
todos os padrões de interação e padrões de experiência do usuário estabelecidos especificamente para
dispositivos Android.
Plataforma cruzada
as estruturas de plataforma cruzada fornecem uma única base de código que pode (principalmente) ser
compartilhada entre dispositivos Android, iOS e Windows. O uso de uma estrutura de plataforma cruzada pode
ajudar seu aplicativo a manter a mesma aparência e experiência em plataformas de dispositivos, além de se
beneficiar da distribuição automática de atualizações e correções. Em vez de precisar entender uma variedade
de linguagens de código específicas do dispositivo, o aplicativo é desenvolvido em uma base de códigos de
bases compartilhada, normalmente em uma linguagem.
Embora as estruturas entre plataformas tenham o objetivo de parecer o mais próximo possível dos aplicativos
nativos, elas nunca serão tão integradas como um aplicativo desenvolvido nativamente e podem ser
prejudicadas com velocidade reduzida e desempenho degradado. Além disso, as ferramentas usadas para criar
aplicativos de plataforma cruzada podem não ter todos os recursos oferecidos por cada plataforma de
dispositivo diferente, potencialmente exigindo soluções alternativas.
Uma codebase normalmente é composta por código da interface do usuário, para criar a interface de
usuários, como páginas, controles de botões, rótulos, listas, etc., e código lógico , para chamar serviços Web,
acessar um banco de dados, invocar recursos de hardware e gerenciar o estado. Em média, 90% disso pode ser
reutilizado, embora normalmente haja alguma necessidade de personalizar o código para cada plataforma de
dispositivo. Essa generalização depende muito do tipo de aplicativo que você está criando, mas fornece um
pouco de contexto que esperamos ajudar com a tomada de decisões.
Desenvolvimento de jogos
O desenvolvimento de jogos para Android é, muitas vezes, exclusivo do desenvolvimento de um aplicativo
Android padrão, já que os jogos normalmente usam lógica de renderização personalizada, geralmente escritas
em OpenGL ou Vulkan. por esse motivo, e devido às muitas bibliotecas C disponíveis que dão suporte ao
desenvolvimento de jogos, é comum que os desenvolvedores usem o C/C++ com o Visual Studio, juntamente
com o NDK (Kit de desenvolvimento nativo)do android, para criar jogos para Android. Introdução ao C/C++
para desenvolvimento de jogos.
Outro caminho comum para desenvolver jogos para Android é usar um mecanismo de jogo. há muitos
mecanismos gratuitos e de código-fonte aberto disponíveis, como o Unity com Visual Studio, mecanismo inreal,
monojogo com xamarin, UrhoSharp com xamarin, SkiaSharp com xamarin. Forms CocoonJS, App Game Kit,
Fusion, Corona SDK, ilhas 2d e muito mais.
Próximas etapas
Introdução ao desenvolvimento Android nativo no Windows
Comece a desenvolver para Android usando o Xamarin. Android
Comece a desenvolver para Android usando o Xamarin. Forms
Introdução ao desenvolvimento para Android usando o React Native
introdução ao desenvolvimento de um PWA para Android
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte de virtualização para melhorar o desempenho do emulador
Introdução ao desenvolvimento Android nativo no
Windows
18/09/2021 • 10 minutes to read
este guia vai ajudá-lo a começar a usar o Windows para criar aplicativos Android nativos. se você preferir uma
solução de plataforma cruzada, consulte visão geral do desenvolvimento do Android no Windows para obter
um breve resumo de algumas opções.
A maneira mais direta de criar um aplicativo Android nativo é usar o Android Studio com Java ou Kotlin, embora
também seja possível usar C ou C++ para desenvolvimento Android se você tiver uma finalidade específica. As
ferramentas SDK Android Studio compilam seu código, dados e arquivos de recurso em um pacote Android de
arquivo, arquivo. apk. Um arquivo APK contém todo o conteúdo de um aplicativo Android e é o arquivo que os
dispositivos com Android usam para instalar o aplicativo.
Java ou Kotlin
O Java tornou-se uma linguagem em 1991, desenvolvida pelo que era a Sun Microsystems, mas que agora
pertence à Oracle. Ele se tornou uma das linguagens de programação mais populares e poderosas com uma das
maiores comunidades de suporte do mundo. O Java é baseado em classe e orientado a objeto, projetado para
ter o menor número possível de dependências de implementação. A sintaxe é semelhante a C e C++, mas tem
menos instalações de nível baixo do que qualquer uma delas.
O Kotlin foi anunciado pela primeira vez como uma nova linguagem de software livre por JetBrains em 2011 e
foi incluído como uma alternativa ao Java em Android Studio desde 2017. Em maio de 2019, o Google anunciou
o Kotlin como seu idioma preferido para desenvolvedores de aplicativos Android, portanto, apesar de ser uma
linguagem mais nova, ele também tem uma comunidade de suporte forte e foi identificado como uma das
linguagens de programação cada vez mais crescentes. O Kotlin é de plataforma cruzada, digitada estaticamente
e projetada para interoperar totalmente com o Java.
O Java é mais amplamente usado para uma gama mais ampla de aplicativos e oferece alguns recursos que o
Kotlin não, como exceções marcadas, tipos primitivos que não são classes, membros estáticos, campos não
privados, tipos curinga e operadores ternários. O Kotlin é especificamente projetado para o e recomendado pelo
Android. Ele também oferece alguns recursos que o Java não, como referências nulas controladas pelo sistema
de tipos, sem tipos brutos, matrizes invariáveis, tipos de função apropriados (em oposição às conversões de
SAM do Java), use a variação de site sem curingas, difusões inteligentes e muito mais. Encontre uma visão mais
detalhada da comparação com Java na documentação do Kotlin.
Nível mínimo de API
Você precisará decidir o nível mínimo de API para seu aplicativo. Isso determina a qual versão do Android seu
aplicativo dará suporte. Níveis de API inferiores são mais antigos e, portanto, geralmente dão suporte a mais
dispositivos, mas níveis de API mais altos são mais recentes e, portanto, fornecem mais recursos.
Selecione o link ajude-me escolher para abrir um gráfico de comparação mostrando a distribuição de suporte
a dispositivos e os principais recursos associados à versão da plataforma.
Suporte a aplicativos instantâneos e artefatos Androidx
Você pode observar uma caixa de seleção para dar supor te a aplicativos instantâneos e outro para usar
ar tefatos androidx em suas opções de criação de projeto. O suporte aos aplicativos instantâneos não é
verificado e o androidx é verificado como o padrão recomendado.
Google Play aplicativos instantâneos fornecem uma maneira para as pessoas tentarem um aplicativo ou
jogo sem instalá-lo primeiro. Esses aplicativos instantâneos podem ser exibidos em toda a Play Store, Google
Search, redes sociais e em qualquer lugar que você compartilhar um link. Ao marcar a caixa supor te para
aplicativos instantâneos , você está solicitando que Android Studio inclua o SDK de desenvolvimento
instantâneo Google Play com seu projeto. Saiba mais sobre Google Play aplicativos instantâneos no Guia do
desenvolvedor do Android.
Os ar tefatos do AndroidX representam a nova versão da biblioteca de suporte do Android e fornecem
compatibilidade com versões anteriores do Android. AndroidX fornece um namespace consistente começando
com a cadeia de caracteres AndroidX para todos os pacotes disponíveis.
NOTE
AndroidX agora é a biblioteca padrão. Para desmarcar essa caixa e usar a biblioteca de suporte anterior requer a remoção
do último SDK do Android Q. Consulte desmarque usar artefatos Androidx em StackOverflow para obter instruções, mas
primeiro Observe que os pacotes de biblioteca de suporte anteriores foram mapeados nos pacotes Androidx. *
correspondentes. Para obter um mapeamento completo de todas as classes antigas e criar artefatos para os novos,
consulte migrando para o AndroidX.
Arquivos de projeto
a janela Android Studio Project , contém os seguintes arquivos (certifique-se de que a exibição do Android
esteja selecionada no menu suspenso):
aplicativo > Java > com. example. meuprimeiroapp > MainActivity
A atividade principal e o ponto de entrada para seu aplicativo. Quando você cria e executa seu aplicativo, o
sistema inicia uma instância dessa atividade e carrega seu layout.
> de layout de > res do aplicativo > activity_main.xml
O arquivo XML que define o layout da interface do usuário da atividade. Ele contém um elemento TextView com
o texto "Olá, Mundo"
> de manifestos do > de aplicativos AndroidManifest.xml
O arquivo de manifesto que descreve as características fundamentais do aplicativo e de cada um de seus
componentes.
Gradle scripts > Build. gradle
há dois arquivos com este nome: "Project: meu primeiro aplicativo", para todo o projeto e "módulo: aplicativo",
para cada módulo de aplicativo. Um novo projeto terá inicialmente apenas um módulo. Use o Build. File do
módulo para controlar como o plug-in gradle compila seu aplicativo. Saiba mais sobre como configurar sua
compilação no guia do desenvolvedor do Android.
Diretrizes de design
Os usuários do dispositivo esperam que os aplicativos pareçam e se comportem de uma determinada maneira...
seja passando o dedo ou tocando ou usando controles de voz, os usuários terão expectativas específicas sobre o
que o aplicativo deve ter e como usá-lo. Essas expectativas devem permanecer consistentes para reduzir a
confusão e a frustração. O Android oferece um guia para essas expectativas de plataforma e dispositivo que
combina a base de design do Google material para Visual e padrões de navegação, juntamente com diretrizes
de qualidade para compatibilidade, desempenho e segurança.
Saiba mais na documentação de design do Android.
Sistema Fluent Design para Android
A Microsoft também oferece diretrizes de design com o objetivo de fornecer uma experiência integrada em todo
o portfólio de aplicativos móveis da Microsoft.
Sistema Fluent Design para o Design do Android e criar aplicativos personalizados que são nativamente
Android, enquanto ainda Fluent com exclusividade.
Kit de ferramentas do Sketch
Kit de ferramentas do Figma
Fonte do Android
Diretrizes de interface do usuário do Android
Diretrizes para ícones de aplicativos Android
Recursos adicionais
Conceitos básicos do aplicativo Android
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte de virtualização para melhorar o desempenho do emulador
Começar a desenvolver para Android usando o
Xamarin.Android
18/09/2021 • 4 minutes to read
Este guia ajudará você a começar a usar o Xamarin.Android Windows criar um aplicativo de plataforma cruzada
que funcionará em dispositivos Android.
Neste artigo, você criará um aplicativo Android simples usando xamarin.Android e Visual Studio 2019.
Requisitos
Para usar este tutorial, você precisará do seguinte:
Windows 10
Visual Studio 2019: Community, Professional ou Enterprise (consulte a observação)
A carga de trabalho "Desenvolvimento móvel com .NET" para Visual Studio 2019
NOTE
Este guia funcionará com Visual Studio 2017 ou 2019. Se você estiver usando o Visual Studio 2017, algumas instruções
poderão estar incorretas devido a diferenças de interface do usuário entre as duas versões do Visual Studio.
Você também terá um telefone Android ou emulador configurado no qual executar seu aplicativo. Consulte
Configurando um android emulador.
Neste ponto, você pode executar TimeChangerAndroid e ver a interface do usuário que você criou. Na
próxima seção, você adicionará funcionalidade à interface do usuário exibindo a hora atual e habilitando os
botões para executar uma ação.
Os controles de interface do usuário devem ser atualizados no thread da interface do usuário. As alterações
feitas de outro thread podem não atualizar corretamente o controle conforme ele é exibido na tela. Como não
há nenhuma garantia de que esse código sempre será executado no thread da interface do usuário, use o
método RunOnUiThread para garantir que as atualizações sejam exibidas corretamente. Este é o método
UpdateTimeLabel completo.
private void UpdateTimeLabel(object state = null)
{
RunOnUiThread(() =>
{
TimeDisplay.Text = DateTime.Now.ToLongTimeString();
});
}
var clockRefresh = new Timer(dueTime: 0, period: 1000, callback: UpdateTimeLabel, state: null);
Adicionar HourOffset
Os botões para cima e para baixo ajustam o tempo em incrementos de uma hora. Adicione uma propriedade
HourOffset para acompanhar o ajuste atual.
TimeDisplay.Text = DateTime.Now.AddHours(HourOffset).ToLongTimeString();
Ligar os botões para cima e para baixo para seus manipuladores de eventos correspondentes
Para associar os botões aos manipuladores de eventos correspondentes, primeiro use FindViewById para
encontrar os botões por suas IDs. Depois de ter uma referência ao objeto de botão, você pode adicionar um
manipulador de eventos ao seu Click evento.
namespace TimeChangerAndroid
{
[Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true)]
public class MainActivity : AppCompatActivity
{
public TextView TimeDisplay { get; private set; }
public int HourOffset { get; private set; }
var clockRefresh = new Timer(dueTime: 0, period: 1000, callback: UpdateTimeLabel, state: null);
TimeDisplay = FindViewById<TextView>(Resource.Id.timeDisplay);
}
Executar o aplicativo
Para executar o aplicativo, pressione F5 ou clique em Depurar > Iniciar Depuração. Dependendo de como o
depurador está configurado,seu aplicativo será lançado em um dispositivo ou em um emulador.
Links relacionados
Teste em um dispositivo Android ou emulador.
Criar um aplicativo de exemplo do Android usando o Xamarin.Forms
Começar a desenvolver para Android usando o
Xamarin.Forms
18/09/2021 • 4 minutes to read
Este guia ajudará você a começar a usar o Xamarin.Forms no Windows para criar um aplicativo de plataforma
cruzada que funcionará em dispositivos Android.
Neste artigo, você criará um aplicativo Android simples usando o Xamarin.Forms e Visual Studio 2019.
Requisitos
Para usar este tutorial, você precisará do seguinte:
Windows 10
Visual Studio 2019: Community, Professional ou Enterprise (consulte a observação)
A carga de trabalho "Desenvolvimento móvel com .NET" para Visual Studio 2019
NOTE
Este guia funcionará com o Visual Studio 2017 ou 2019. Se você estiver usando o Visual Studio 2017, algumas instruções
poderão estar incorretas devido a diferenças de interface do usuário entre as duas versões do Visual Studio.
Você também terá um telefone Android ou emulador configurado no qual executar seu aplicativo. Consulte
Testar em um dispositivo Android ou emulador.
<StackLayout HorizontalOptions="CenterAndExpand"
VerticalOptions="CenterAndExpand">
<Label x:Name="time"
HorizontalOptions="CenterAndExpand"
VerticalOptions="CenterAndExpand"
Text="At runtime, this Label will display the current time.">
</Label>
<StackLayout Orientation="Horizontal">
<Button HorizontalOptions="End"
VerticalOptions="End"
Text="Up"
Clicked="OnUpButton_Clicked"/>
<Button HorizontalOptions="Start"
VerticalOptions="End"
Text="Down"
Clicked="OnDownButton_Clicked"/>
</StackLayout>
</StackLayout>
</ContentPage>
Neste ponto, a interface do usuário está concluída. No entanto, TimeChangerForms não será construído porque
os métodos UpButton_Clicked e DownButton_Clicked são referenciados no XAML, mas não definidos em
nenhum lugar. Mesmo que o aplicativo tenha sido executado, a hora atual não será exibida. Na próxima seção,
você corrigirá esses erros e adicionará funcionalidade à interface do usuário.
var clockRefresh = new Timer(dueTime: 0, period: 1000, callback: UpdateTimeLabel, state: null);
Adicionar HourOffset
Os botões para cima e para baixo ajustam o tempo em incrementos de uma hora. Adicione uma propriedade
HourOffset para acompanhar o ajuste atual.
currentTime.Text = DateTime.Now.AddHours(HourOffset).ToLongTimeString();
namespace TimeChangerForms
{
// Learn more about making custom code visible in the Xamarin.Forms previewer
// by visiting https://aka.ms/xamarinforms-previewer
[DesignTimeVisible(false)]
public partial class MainPage : ContentPage
{
public int HourOffset { get; private set; }
public MainPage()
{
InitializeComponent();
}
Executar o aplicativo
Para executar o aplicativo, pressione F5 ou clique em Depurar > Iniciar Depuração. Dependendo de como o
depurador está configurado,seu aplicativo será lançado em um dispositivo ou em um emulador.
Links relacionados
Teste em um dispositivo Android ou emulador.
Criar um aplicativo de exemplo do Android usando o Xamarin.Android
Introdução ao desenvolvimento para Android
usando o React Native
23/09/2021 • 3 minutes to read
Este guia ajudará você a começar a usar o React Native no Windows para criar um aplicativo multiplataforma
que funcionará em dispositivos Android.
Visão geral
O React Native é uma estrutura de aplicativo móvel de software livre criada pelo Facebook. Ele é usado para
desenvolver aplicativos para Android, iOS, Web e UWP (Windows) fornecendo controles de interface do usuário
nativos e acesso completo à plataforma nativa. O uso do React Native exige uma compreensão dos conceitos
básicos do JavaScript.
NOTE
O ideal também é instalar e usar o Terminal do Windows para trabalhar com sua CLI (interface de linha de comando)
preferida, bem como o Git para o controle de versão. O JDK do Java vem empacotado com o Android Studio v2.2 e
posterior, mas se você precisar atualizar o JDK separadamente do Android Studio, use o Windows x64 Installer.
cd MyReactNativeApp
.
5. Para executar o projeto, insira o comando a seguir. Isso abrirá uma nova janela de console exibindo o
Node Metro Bundler.
aceita". Para resolver isso, clique no botão Gerenciador de SDK no Android Studio. . Ou, então, você
pode listar e aceitar as licenças com o comando a seguir, lembrando-se de usar o caminho para a localização do
SDK no computador.
6. Para modificar o aplicativo, abra o diretório do projeto MyReactNativeApp no IDE de sua preferência.
Recomendamos usar o VS Code ou o Android Studio.
7. O modelo de projeto criado pelo react-native init usa uma página principal chamada App.js . Essa
página é pré-preenchida com muitos links úteis para informações sobre o desenvolvimento do React
Native. Adicione um texto ao primeiro elemento de Texto , como a cadeia de caracteres "OLÁ, MUNDO!"
mostrada abaixo.
<Text style={styles.sectionDescription}>
Edit <Text style={styles.highlight}>App.js</Text> to change this
screen and then come back to see your edits. HELLO WORLD!
</Text>
8. Recarregue o aplicativo para mostrar as alterações feitas. Há várias maneiras de fazer isso.
Na janela do console do Metro Bundler, digite "r".
No emulador de dispositivo do Android, toque duas vezes em "r" no teclado.
Em um dispositivo Android de hardware, agite o dispositivo para abrir o menu de depuração do React
Native e selecione 'Recarregar'.
Recursos adicionais
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte de virtualização para aprimorar o desempenho do Emulador
Começar a desenvolver um aplicativo Web PWA ou
Híbrido para Android
18/09/2021 • 6 minutes to read
Este guia ajudará você a começar a criar um aplicativo Web híbrido ou aplicativo Web progressivo (PWA) no
Windows usando uma única base de código HTML/CSS/JavaScript que pode ser usada na Web e em
plataformas de dispositivo (Android, iOS, Windows).
Usando as estruturas e os componentes corretos, os aplicativos baseados na Web podem funcionar em um
dispositivo Android de uma maneira que pareça aos usuários muito semelhante a um aplicativo nativo.
Apache Cordova
Apache Cordova é uma estrutura de código-fonte aberto que pode simplificar a comunicação entre o código
JavaScript que está morando em um WebView nativo e a plataforma Android nativa usando plug-ins. Esses
plug-ins expõem pontos de extremidade JavaScript que podem ser chamados do seu código e usados para
chamar APIs de dispositivo Android nativas. Alguns plug-ins cordova de exemplo incluem o acesso aos serviços
de dispositivo, como status da bateria, acesso ao arquivo, vibração/tom de anel, etc. Esses recursos
normalmente não estão disponíveis para aplicativos Web ou navegadores.
Há duas distribuições populares do Cordova:
PhoneGap:o suporte foi descontinuado pela Adobe.
Ionic
Ionic
O Ionic é uma estrutura que ajusta a interface do usuário do seu aplicativo para corresponder à linguagem de
design de cada plataforma (Android, iOS, Windows). O Ionic permite que você use Angular ou React.
NOTE
Há uma nova versão do Ionic que usa uma alternativa ao Cordova, chamada Def. Essa alternativa usa contêineres para
tornar seu aplicativo mais amigável para a Web.
Crie um aplicativo de Angular Ionic usando o modelo de aplicativo "Guias" inserindo o comando :
cd photo-gallery
ionic serve
Para obter mais informações, consulte a documentação do Angular Ionic Cordova. Visite a seção Tornando seu
aplicativo Angular um PWA dos documentos Ionic para saber como mover seu aplicativo de um aplicativo
híbrido para um PWA.
Crie um aplicativo de Angular Ionic usando o modelo de aplicativo "Guias" e adicione oPhone inserindo o
comando :
cd photo-gallery
// Call the element loader after the platform has been bootstrapped
defineCustomElements(window);
ionic serve
Para obter mais informações, consulte a documentação do Ionic Angular. Visite a seção Tornando seu aplicativo
Angular um PWA dos documentos Ionic para saber como mover seu aplicativo de um aplicativo híbrido para
um PWA.
ionic serve
Para obter mais informações, consulte a documentação React Ionic. Visite a seção Tornando seu aplicativo React
um PWA dos documentos Ionic para saber como mover seu aplicativo de um aplicativo híbrido para um PWA.
Para testar seu aplicativo Ionic em um emulador de dispositivo Android, você deve:
1. Instale os componentes necessários – JDK (Java Development Kit), Gradle e o SDK do Android.
2. Criar um AVD (Dispositivo Virtual Android): consulte o Guia do desenvolvedor do Android .
3. Insira o comando para que o Ionic crie e implante seu aplicativo no emulador:
ionic cordova emulate [<platform>] [options] . Nesse caso, o comando deve ser:
Confira a documentação Emulator Cordova nos documentos do Ionic para obter mais informações.
Recursos adicionais
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte à virtualização para melhorar o desempenho do emulador
adicionar exceções de Windows Defender para
acelerar o desempenho de build do Android
18/09/2021 • 2 minutes to read
este guia aborda como configurar exclusões em suas Windows Defender configurações de segurança para
melhorar os tempos de compilação ao desenvolver aplicativos Android usando uma máquina Windows.
WARNING
para garantir que seu computador esteja protegido contra software mal-intencionado, você não deve desabilitar
completamente a verificação em tempo real ou o software antivírus Windows Defender. Definir exclusões reduz a proteção
oferecida pelo defender. Você sempre deve avaliar os riscos associados à implementação de exclusões e excluir somente os
arquivos que você tem certeza de que não são mal-intencionados.
esses locais de diretório podem não se aplicar ao seu projeto se você não tiver usado os locais padrão definidos
por Android Studio ou se tiver baixado um projeto do GitHub (por exemplo). Considere adicionar uma exclusão
ao diretório do seu projeto de desenvolvimento Android atual, onde quer que possa estar localizado.
As exclusões adicionais que talvez você queira considerar incluem:
processo de ambiente de desenvolvimento de Visual Studio: devenv.exe
processo de compilação de Visual Studio: msbuild.exe
Diretório JetBrains: %LOCALAPPDATA%\JetBrains\<Transient directory (folder)>
Para obter mais informações sobre como adicionar exclusões de verificação antivírus, incluindo como
personalizar locais de diretório para ambientes Política de Grupo controlados, consulte a seção impacto sobre o
antivírus da documentação do Android Studio.
Lembre-se de que a adição de exclusões reduz a proteção oferecida pelo defender. Você sempre deve avaliar os
riscos associados à implementação de exclusões e excluir somente os arquivos que você tem certeza de que não
são mal-intencionados.
NOTE
Daniel Knoodle configurou um repositório de GitHub com scripts recomendados para adicionar Windows Defender
exclusões para Visual Studio 2017.
Recursos adicionais
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Habilitar o suporte de virtualização para melhorar o desempenho do emulador
Testar em um dispositivo Android ou emulador
18/09/2021 • 4 minutes to read
Há várias maneiras de testar e depurar seu aplicativo Android usando um dispositivo ou emulador real em seu
Windows computador. Descrevemos algumas recomendações neste guia.
2. No menu suspenso do dispositivo de destino, selecione o dispositivo em que você deseja executar seu
aplicativo.
3. Selecione Executar ▷. Isso iniciará o aplicativo em seu dispositivo conectado.
1. Verifique se o hardware e o software do computador são compatíveis com o Hyper-V abrindo um prompt
de comando e inserindo o comando : systeminfo
2. Na caixa Windows de pesquisa (inferior esquerdo), insira "recursos do Windows". Selecione Ativar ou
Windows recursos nos resultados da pesquisa.
3. Depois que a lista Windows Recursos do Windows for exibida, role até encontrar o Hyper-V (inclui as
Ferramentas de Gerenciamento e a Plataforma) e Windows Plataforma de Hiper visor , verifique se a
caixa está marcada para habilitar ambos e selecione OK.
4. Reinicie o computador quando solicitado.
Emulator desenvolvimento nativo com Android Studio
Ao criar e testar um aplicativo Android nativo, é recomendável usar Android Studio. Quando o aplicativo estiver
pronto para teste, você poderá criar e executar seu aplicativo:
1. Na barra Android Studio de ferramentas, selecione seu aplicativo no menu suspenso Configurações de
execução.
2. No menu suspenso do dispositivo de destino, selecione o dispositivo em que você deseja executar seu
aplicativo.
TIP
Depois que o aplicativo for instalado no dispositivo emulador, você poderá usar para implantar determinadas alterações
de código e recursos sem Apply Changes criar um novo APK. Confira o Guia do desenvolvedor do Android para obter
mais informações.
Recursos adicionais
Desenvolver aplicativos de tela dupla para Android e obter o SDK de dispositivo do Surface Duo
Adicionar exclusões do Windows Defender para aprimorar o desempenho
Visão geral do desenvolvimento remoto do Docker
no Windows
23/09/2021 • 5 minutes to read
O uso de contêineres para desenvolvimento remoto e a implantação de aplicativos com a plataforma Docker é
uma solução muito popular com muitos benefícios. Saiba mais sobre a variedade de suporte oferecido pelas
ferramentas e pelos serviços da Microsoft, incluindo o WSL (Subsistema do Windows para Linux), Visual Studio,
Visual Studio Code, .NET e uma ampla variedade de serviços do Azure.
Docker no Windows 10
VS Code e Docker
O que é o Docker?
Explicação básica de contêineres do Docker, incluindo Comparar contêineres do Docker com máquinas virtuais e
uma taxonomia básica de termos e conceitos do Docker explicando a diferença entre contêineres, imagens e
Registros.
Tutorial: Colocar um aplicativo .NET Core em contêineres
Saiba como colocar um aplicativo .NET Core em contêineres com o Docker, incluindo a criação de um Dockerfile,
comandos essenciais e recursos de limpeza.
Contêineres no Windows
Criar um contêiner do Windows Ser ver em um AKS (Ser viço de Kubernetes do Azure)
Saiba como implantar um aplicativo de exemplo do ASP.NET em um contêiner do Windows Server em um
cluster AKS usando a CLI do Azure.
Visão geral do desenvolvimento no Windows com o
Rust
23/09/2021 • 2 minutes to read
Não é difícil começar a usar o Rust. Se você for um iniciante interessado em aprender o Rust usando o Windows
10, é recomendável que siga cada detalhe deste guia passo a passo. Ele mostra o que você deve instalar e como
configurar o ambiente de desenvolvimento.
TIP
Se você já se convenceu a respeito do Rust e tem o ambiente do Rust configurado, e deseja apenas começar a chamar as
APIs do Windows, fique à vontade para ir direto para o tópico Rust para Windows e o windows crate.
O que é o Rust?
O Rust é uma linguagem de programação de sistemas, portanto, é usado para gravar sistemas (como sistemas
operacionais). Mas ele também pode ser usado para aplicativos em que o desempenho e a confiabilidade são
importantes. A sintaxe da linguagem Rust é semelhante à do C++, fornece desempenho no mesmo nível do
C++ moderno e, para muitos desenvolvedores experientes, o Rust sempre acerta quando se trata de
compilação e modelo de runtime, sistema de tipos e finalização determinística.
Além disso, o Rust foi criado com base na promessa de segurança de memória garantida, sem a necessidade de
coleta de lixo.
Então, por que escolhemos o Rust para a projeção de linguagem mais recente do Windows? Um fator é que a
pesquisa anual de desenvolvedor do Stack Overflow mostra que o Rust é de longe a melhor linguagem de
programação ano após ano. Embora você possa achar que a linguagem tem uma curva de aprendizado
acentuada, depois que você supera o obstáculo, é difícil não se apaixonar.
Além disso, a Microsoft é um membro fundador da Rust Foundation. A Foundation é uma organização sem fins
lucrativos independente, com uma nova abordagem para sustentar e aumentar um ecossistema de software
livre grande e participativo.
Relacionados
O site do Rust
Rust para Windows e o crate windows
Pesquisa anual de desenvolvedor do Stack Overflow
Rust Foundation
crates.io
Configurar seu ambiente de desenvolvimento no Windows para Rust
Configurar seu ambiente de desenvolvimento no
Windows para Rust
23/09/2021 • 6 minutes to read
No tópico Visão geral do desenvolvimento no Windows com o Rust, apresentamos o Rust e falamos sobre o
que ele é e quais são algumas de suas principais partes móveis. Neste tópico, vamos configurar nosso ambiente
de desenvolvimento.
Recomendamos que você faça seu desenvolvimento do Rust no Windows. No entanto, se você planeja compilar
e testar localmente no Linux, também pode optar por desenvolver com Rust no Subsistema do Windows para
Linux (WSL).
IMPORTANT
O uso das ferramentas de compilação do Microsoft C++, ou das Ferramentas de Build do Visual Studio, requer uma
licença válida do Visual Studio (Community, Pro ou Enterprise).
NOTE
Usaremos Visual Studio Code como nosso IDE (ambiente de desenvolvimento integrado) para Rust e não com o Visual
Studio. Mas você ainda pode instalar o Visual Studio sem despesas. Uma Community Edition está disponível— é gratuita
para alunos, colaboradores de software de código aberto e indivíduos.
Ao instalar o Visual Studio, há várias cargas de trabalho do Windows que recomendamos que você selecione
—desenvolvimento de área de trabalho .NET , desenvolvimento para área de trabalho com C++ e
desenvolvimento de Plataforma Universal do Windows . Talvez você pense que não precisará de todos os
três, mas é provável que alguma dependência ocorra e que seja mais simples selecionar todos os três.
Novos projetos Rust usam o Git como padrão. Além disso, adicione o componente individual do Git para
Windows à combinação (use a caixa de pesquisa para procurá-lo por nome).
Instalar o Rust
Em seguida, Instale o Rust no site do Rust. O site detecta que você está executando o Windows e oferece os
instaladores de 64 e 32 bits da ferramenta rustup para Windows, bem como instruções sobre como instalar o
Rust no Subsistema do Windows para Linux (WSL).
TIP
O Rust funciona muito bem no Windows; portanto, não há necessidade de usar a rota WSL (a menos que planeje
compilar e testar localmente no Linux). Como você tem o Windows, recomendamos a execução do instalador rustup
para o Windows de 64 bits. Em seguida, você estará configurado para gravar aplicativos para o Windows usando o Rust.
Quando o instalador do Rust for concluído, você estará pronto para programar com o Rust. Você ainda não terá
um IDE conveniente (abordaremos isso na próxima seção—Instalar o Visual Studio Code). E você ainda não está
configurado para chamar APIs do Windows. Mas você poderia inicializar um prompt de comando ( cmd.exe ) e
talvez emitir o comando cargo --version . O número de versão impresso confirma que o Rust foi instalado
corretamente.
Se você estiver curioso sobre o uso da palavra-chave cargo acima, Cargo é o nome da ferramenta no ambiente
de desenvolvimento Rust que gerencia e cria seus projetos (mais adequadamente, pacotes) e suas
dependências.
E se você realmente quiser se aprofundar em alguma programação neste ponto (mesmo sem a conveniência de
um IDE), poderá ler o capítulo Hello, word! do livro de Linguagem de Programação Rust no site do Rust.
NOTE
Uma alternativa à extensão CodeLLDB para a compatibilidade à depuração é a extensão do Microsoft C/C++ . A
extensão C/C++ não se integra tão bem com o IDE quanto a CodeLLDB . Mas a extensão do C/C++ fornece
informações de depuração superiores. Portanto, talvez você queira ela como reserva, caso precise.
Você pode instalar a extensão C/C++ no Visual Studio Marketplace, ou pode abrir o VS Code e pesquisar a
C/C++ no menu extensões (Ctrl + Shift + X).
4. Para abrir o terminal no VS Code, selecione Exibir > Terminal ou, como alternativa, use o atalho Ctrl+`
(usando o caractere de acento grave). O terminal padrão é o PowerShell.
O argumento que você passa para o comando cargo new é o nome do projeto que você deseja que o
Cargo crie. Neste exemplo, o nome do projeto é first_rust_project. A recomendação é que você nomeie
seus projetos do Rust usando o Snake Case (em que as palavras são minúsculas, com cada espaço
substituído por um sublinhado).
O Cargo cria um projeto com o nome que você fornece. E, na verdade, os novos projetos contêm o
código-fonte de um aplicativo muito simples que exibe uma mensagem Hello, word! , conforme descrito
a seguir. Além de criar o projeto de first_rust_project, o Cargo criou uma pasta chamada first_rust_project
e nela inseriu os arquivos de código-fonte.
3. Agora cd está nessa pasta e, em seguida, inicie o VS Code de dentro do contexto dessa pasta.
cd first_rust_project
code .
4. No Gerenciador do VS Code, abra o arquivo src > main.rs , que é o arquivo de código-fonte do Rust
com o ponto de entrada do aplicativo (uma função chamada main ). Esta é a aparência dele.
// main.rs
fn main() {
println!("Hello, world!");
}
NOTE
Ao abrir o primeiro arquivo .rs no VS Code, você receberá uma notificação informando que alguns
componentes do Rust não estão instalados e perguntando se deseja instalá-los. Clique em Sim , e o VC Code
instalará o servidor de idioma do Rust.
Basta olhar rapidamente para o código no main.rs , para saber que a main é uma definição de função
que imprime a cadeia de caracteres "Hello, world!". Para obter mais detalhes sobre a sintaxe, consulte a
Anatomia de um Programa Rust no site do Rust.
5. Agora, vamos tentar executar o aplicativo no depurador. Coloque um ponto de interrupção na linha 2 e
clique em Executar > Iniciar Depuração (ou pressione F5 ). Também há comandos Debug e Run
inseridos dentro do editor de texto.
NOTE
Ao executar um aplicativo no depurador pela primeira vez, você verá uma caixa de diálogo dizendo "não é possível
iniciar a depuração porque nenhuma configuração de inicialização foi fornecida". Clique em OK para ver uma
segunda caixa de diálogo dizendo "Cargo.toml foi detectado neste espaço de trabalho. Você gostaria de gerar
configurações de inicialização para seus destinos?". Clique em Sim . Em seguida, feche o arquivo launch.json e
comece a depuração novamente.
6. Como você pode ver, o depurador é interrompido na linha 2. Pressione F5 para continuar e o aplicativo
será executado até a conclusão. No painel Terminal , você verá a saída esperada "Hello, world!".
Relacionados
Rust para Windows e o crate windows
WSL (Subsistema do Windows para Linux)
Ferramentas de Compilação do Microsoft C++
Microsoft Visual Studio
Visual Studio Code para Windows
extensão rust-analyzer
Extensão CodeLLDB
Extensão C/C++
Rust para Windows e o crate windows
23/09/2021 • 2 minutes to read
Relacionados
Visão geral do desenvolvimento no Windows com o Rust
Tutorial do leitor RSS
O crate windows
Documentação do crate windows
Metadados do Win32
Como tornar as APIs do Win32 mais acessíveis para mais linguagens
Documentação do Rust para a API do Windows
Rust para Windows
Aplicativo de exemplo do Campo Minado
Tutorial do leitor de RSS (Rust para Windows com
VS Code)
23/09/2021 • 7 minutes to read
3. Agora, —novamente via Cargo—, vamos criar um novo subprojeto chamado associações. Como você
pode ver no comando a seguir, esse novo projeto é uma biblioteca e vai servir como o meio pelo qual
vinculamos as APIs do Windows que gostaríamos de chamar. No momento da compilação, o subprojeto
da biblioteca de associações será criado em um crate (que é o termo do Rust para um binário ou uma
biblioteca). Usaremos o crate de dentro do projeto rss_reader, conforme mostrado posteriormente.
Fazer associações em um crate aninhado significa que, quando compilamos rss_reader, as associações
poderão armazenar em cache os resultados de quaisquer associações que importarmos.
4. Em seguida, abra o projeto rss_reader no VS Code.
code .
# bindings\Cargo.toml
...
[dependencies]
windows="0.9.1"
[build-dependencies]
windows="0.9.1"
Acabamos de adicionar uma dependência no crate windows, tanto para a biblioteca de associações
quanto para o script de compilação. Isso permite que o Cargo baixe, compile e armazene em cache o
suporte do Windows como um pacote. Defina o número de versão para uma mais recente—você poderá
ver isso na página da Web para o crate windows.
6. Agora, podemos adicionar o script de compilação; em que vamos gerar as associações nas quais nos
basearemos. Em VS Code, clique com o botão direito do mouse na pasta associações e clique em Novo
Arquivo . Digite o nome build.rs e pressione Enter . Edite build.rs para que tenha a aparência a seguir.
// bindings\build.rs
fn main() {
windows::build!(
Windows::Foundation::Collections::IVector,
Windows::Foundation::{IAsyncOperationWithProgress, Uri},
Windows::Web::Syndication::{
ISyndicationText, RetrievalProgress, SyndicationClient, SyndicationFeed, SyndicationItem,
},
);
}
// bindings\src\lib.rs
windows::include_bindings!();
A macro windows::include_bindings! inclui o código-fonte que foi gerado na etapa anterior pelo script de
compilação. Sempre que você precisar de acesso a APIs adicionais, basta listá-las no script de compilação
( build.rs ).
8. Agora, vamos implementar o projeto principal de rss_reader. Primeiro, abra o arquivo Cargo.toml na raiz
do projeto e adicione a dependência a seguir no crate de associações interno, junto com uma
dependência no crate windows.
# Cargo.toml
...
[dependencies]
bindings = { path = "bindings" }
windows = "0.9.1"
9. Por fim, abra o arquivo de código-fonte src > main.rs do projeto rss_reader. Dentro, há o código
simples que gera um Hello, world! . Adicione este código no começo de main.rs .
// src\main.rs
use bindings::{
Windows::Foundation::Uri,
Windows::Web::Syndication::SyndicationClient,
};
fn main() {
println!("Hello, world!");
}
A declaração use reduz o caminho para os tipos que usaremos. Há o tipo Uri que mencionamos
anteriormente.
10. Para criar um novo Uri , adicione este código à função main .
// src\main.rs
...
Ok(())
}
Observe que estamos usando windows::Result como o tipo de retorno da função main . Isso facilitará
tudo, pois é comum lidar com erros de APIs do sistema operacional (SO). O windows::Result nos ajuda
com a propagação de erros e com o tratamento de erro conciso.
Você pode ver o operador de ponto de interrogação no final da linha de código que cria um Uri . Para
economizar na digitação, fazemos isso para utilizar a lógica de propagação de erro e curto-circuito do
Rust. Isso significa que não precisamos fazer muito tratamento de erro manual para este exemplo
simples. Para obter mais informações sobre esse recurso do Rust, consulte O operador ? para obter um
tratamento de erros mais fácil.
11. Para baixar este feed RSS, criaremos um novo objeto SyndicationClient .
// src\main.rs
...
Ok(())
}
// src\main.rs
...
Ok(())
}
Como RetrieveFeedAsync é uma API assíncrona, podemos usar a função de bloqueio Get (como
mostrado acima). Como alternativa, poderíamos usar o operador await dentro de uma função async
(para aguardar os resultados de forma cooperativa), da mesma maneira que faria em C# ou C++.
13. Podemos simplesmente iterar nos itens resultantes e imprimir apenas os títulos.
// src\main.rs
...
Ok(())
}
14. Vamos confirmar que podemos criar e executar clicando em Executar > Executar sem Depuração (ou
pressionando Ctrl + F5 ). Também há comandos Debug e Run inseridos dentro do editor de texto.
Como alternativa, você pode enviar o comando cargo run do prompt de comando ( cd para a pasta
rss_reader primeiro) que será compilado e executado.
Na parte inferior do painel Terminal , você pode ver que o Cargo baixa e compila com êxito o crate
windows , armazenando em cache os resultados e usando-os para fazer com que as compilações
subsequentes sejam concluídas em menos tempo. Em seguida, ele compila o exemplo e executa-o,
exibindo uma lista de títulos de postagem de blog.
Isso é tão simples quanto programar o Rust para Windows. Mas, no fundo, grande parte da simplicidade
consiste em criar as ferramentas para que o Rust possa analisar arquivos .winmd com base em ECMA-335
(Common Language Infrastructure ou CLI) em tempo de compilação e também usar de forma segura a ABI
(interface binária de aplicativos) baseada em COM em tempo de execução, sempre colocando a segurança e a
eficiência em primeiro lugar.
// bindings\build.rs
fn main() {
windows::build!(
...
Windows::Win32::UI::WindowsAndMessaging::MessageBoxA,
);
}
2. Em seguida, abra o arquivo de código-fonte src > main.rs do projeto e atualize a declaração use com
o novo namespace ou módulo. E, finalmente, adicione o código para chamar a função MessageBoxA
(também confira MessageBoxA na documentação do Rust para a API do Windows, que inclui um link
para MESSAGEBOX_STYLE ).
// src\main.rs
use bindings::{
Windows::Foundation::Uri,
Windows::Web::Syndication::SyndicationClient,
Windows::Win32::UI::WindowsAndMessaging::*,
};
fn main() {
...
unsafe {
MessageBoxA(None, "Text", "Caption", MB_OK);
}
Ok(())
}
Como você pode ver, marcamos essas APIs do Win32 mais antigas como unsafe (confira Blocos não
seguros).
Desta vez, quando você cria e executa, o Rust exibe uma caixa de mensagem do Windows após listar os títulos
das postagens do blog.
Relacionados
Rust para Windows e o crate windows
ECMA-335
O operador ? para tratamento de erro mais fácil
Blocos não seguros
Gerenciador de Pacotes do Windows
23/09/2021 • 2 minutes to read
O Gerenciador de Pacotes do Windows é uma solução de gerenciador de pacotes abrangente composta por
uma ferramenta de linha de comando e um conjunto de serviços para instalar aplicativos no Windows 10.
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar pacotes de software
Enviar pacotes para o Gerenciador de Pacotes do Windows
Usar a ferramenta winget para instalar e gerenciar
aplicativos
05/10/2021 • 4 minutes to read
A ferramenta de linha de comando winget permite que os desenvolvedores descubram, instalem, atualizem,
removam e configurem aplicativos em computadores Windows 10. Essa ferramenta é a interface do cliente para
o serviço Gerenciador de Pacotes do Windows.
No momento, a ferramenta winget é uma versão prévia; portanto, nem toda a funcionalidade planejada está
disponível no momento.
Instalar o winget
Há várias maneiras de instalar a ferramenta winget :
A ferramenta winget está incluída na versão de pré-lançamento ou na versão prévia do Instalador de
Aplicativo do Windows. Você deve instalar a versão prévia do Instalador de Aplicativo para usar o
winget . Para obter acesso antecipado, envie sua solicitação para o Programa Insiders do Gerenciador de
Pacotes do Windows. Participar do modo de versão de pré-lançamento garantirá que você veja as
atualizações mais recentes da versão prévia.
Participe do Modo de versão de pré-lançamento do Participante do Programa Windows Insider.
Instale o pacote do Instalador de Aplicativo da Área de Trabalho do Windows localizado na Página de
versões do repositório do WinGet.
NOTE
A ferramenta winget requer o Windows 10, versão 1809 (10.0.17763) ou uma versão posterior do Windows 10.
Usar o winget
Depois que o Instalador de Aplicativo estiver instalado, será possível executar o winget digitando "winget"
em um Prompt de Comando.
Um dos cenários de uso mais comuns é pesquisar e instalar uma ferramenta favorita.
1. Para pesquisar uma ferramenta, digite winget search <appname> .
2. Depois de confirmar que a ferramenta que você deseja está disponível, será possível instalá-la digitando
winget install <appname> . A ferramenta winget iniciará o instalador e instalará o aplicativo em seu
computador.
3. Além de instalar e pesquisar, winget fornece vários outros comandos que permitem que você mostre
detalhes sobre aplicativos, altere fontes e validade pacotes. Para obter uma lista completa de comandos,
digite: winget --help .
Comandos
A versão prévia atual da ferramenta winget dá suporte aos comandos a seguir.
C O M A N DO DESC RIÇ Ã O
Opções
A versão prévia atual da ferramenta winget dá suporte às opções a seguir.
Winget de script
É possível criar scripts em lote e do PowerShell para instalar vários aplicativos.
@echo off
Echo Install Powertoys and Terminal
REM Powertoys
winget install Microsoft.Powertoys
if %ERRORLEVEL% EQU 0 Echo Powertoys installed successfully.
REM Terminal
winget install Microsoft.WindowsTerminal
if %ERRORLEVEL% EQU 0 Echo Terminal installed successfully. %ERRORLEVEL%
NOTE
Quando tiver script, o winget iniciará os aplicativos na ordem especificada. Quando um instalador retornar êxito ou falha,
o winget iniciará o próximo instalador. Se um instalador iniciar outro processo, será possível que ele retorne ao winget
prematuramente. Isso fará o winget instalar o próximo instalador antes que o instalador anterior tenha sido concluído.
Ferramentas ausentes
Se o repositório da comunidade não incluir sua ferramenta ou aplicativo, envie um pacote para o nosso
repositório. Ao adicionar sua ferramenta favorita, ela estará disponível para você e todos os outros.
O comando expor t da ferramenta winget exporta um arquivo JSON de aplicativos para um arquivo
especificado. O comando expor t usa JSON como o formato. O esquema JSON usado pelo winget pode ser
encontrado aqui.
O expor t combinado com o comando impor t permite que você instale aplicativos em lote no seu computador.
O comando expor t geralmente é usado para criar um arquivo que você pode compartilhar com outros
desenvolvedores ou usar ao restaurar seu ambiente de build.
Uso
winget export [-o] <output> [<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de exportação para atender às suas necessidades.
EN T RA DA DESC RIÇ Ã O
NOTE
A correspondência de um aplicativo depende dos metadados no manifesto de uma origem configurada e dos metadados
em Adicionar ou remover programas no Windows com base no instalador do pacote.
Depois que a exportação for concluída, você poderá editar o arquivo JSON resultante em seu editor favorito.
Você pode remover aplicativos que não deseja importar no futuro.
Comando features (winget)
16/09/2021 • 2 minutes to read
O comando features da ferramenta winget exibe uma lista de recursos experimentais disponíveis com a sua
versão do Gerenciador de Pacotes do Windows.
Cada recurso pode ser ativado individualmente habilitando os recursos por meio das configurações .
Você pode encontrar os recursos de informações mais recentes atualizados na página da Web de recursos
experimentais.
Uso
winget features
Observe acima que o status de cada recurso está listado. Se o recurso estiver desabilitado, você não poderá
usá-lo. Se o recurso estiver habilitado , você observará que o comando estará disponível para você por meio do
winget .
Para habilitar todos os recursos desabilitados, acesse configurações e habilite o recurso.
NOTE
Os recursos podem ser gerenciados pela política de grupo. Você pode usar o comando winget --info para exibir as
políticas em vigor no sistema.
Comando hash (winget)
23/09/2021 • 2 minutes to read
O comando hash da ferramenta winget gera o hash SHA256 para um instalador. Esse comando será usado se
for necessário criar um arquivo de manifesto para enviar o software para o Repositório do Manifesto do
Pacote da Microsoft Community no GitHub. Além disso, o comando hash também dá suporte à geração de
um hash de certificado SHA256 para arquivos MSIX.
Uso
winget hash [-f] \<file> [\<options>]
O subcomando hash só pode ser executado em um arquivo local. Para usar o subcomando hash , baixe o
instalador para um local conhecido. Em seguida, passe o caminho do arquivo como um argumento para o
subcomando hash .
Argumentos
Os seguintes argumentos estão disponíveis:
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Enviar pacotes para o Gerenciador de Pacotes do Windows
Comando help (winget)
23/09/2021 • 2 minutes to read
O comando help da ferramenta winget exibe a ajuda para todos os comandos e subcomandos com suporte.
Além disso, você pode passar o argumento --help para qualquer outro comando para obter detalhes sobre
todas as opções de comando adicionais.
Uso
Exibir a ajuda para todos os comandos: winget --help
Exibir as opções de um comando: winget <command> --help
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Comando import (winget)
23/09/2021 • 2 minutes to read
O comando impor t da ferramenta winget importa um arquivo JSON de aplicativos a serem instalados. O
comando impor t combinado com o comando expor t permite que você instale aplicativos em lote no seu
computador.
O comando impor t geralmente é usado para compartilhar seu ambiente de desenvolvedor ou criar sua
imagem de computador com seus aplicativos favoritos.
Uso
winget import [-i] <import-file> [<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de importação para atender às suas necessidades.
Esquema JSON
A força de condução por trás do comando impor t é o arquivo JSON. Você pode encontrar o esquema do
arquivo JSON aqui.
O arquivo JSON inclui a hierarquia a seguir.
EN T RA DA DESC RIÇ Ã O
O comando install da ferramenta winget instala o aplicativo especificado. Use o comando search para
identificar o aplicativo que você deseja instalar.
O comando install requer que você especifique a cadeia de caracteres exata a ser instalada. Se houver alguma
ambiguidade, você deverá filtrar ainda mais o comando install para um aplicativo exato.
Uso
winget install [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de instalação para atender às suas necessidades.
OPÇ ÃO DESC RIÇ Ã O
-m, --manifest Deve ser seguido pelo caminho para o arquivo de manifesto
(YAML). É possível usar o manifesto para executar a
experiência de instalação de um arquivo YAML local.
-v, --version Permite que você especifique uma versão exata a ser
instalada. Se ela não for especificada, a mais recente instalará
o aplicativo com versão mais alta.
Exemplos de consulta
O exemplo a seguir instala uma versão específica de um aplicativo.
Seleções múltiplas
Se a consulta fornecida para winget não resultar em um único aplicativo, winget exibirá os resultados da
pesquisa. Isso fornecerá os dados adicionais necessários para refinar a pesquisa para uma instalação correta.
A melhor maneira de limitar a seleção a um arquivo é usar a ID do aplicativo junto com a opção de consulta
exata . Por exemplo:
Se várias fontes estiverem configuradas, será possível ter entradas duplicadas. É necessário especificar uma
origem para a remoção adicional da ambiguidade.
Instalação local
A opção manifesto permite que você instale um aplicativo passando um arquivo YAML diretamente para o
cliente. Se o manifesto for um manifesto de vários arquivos, o diretório que contém os arquivos deverá ser
usado. A opção manifesto tem o uso a seguir.
Uso: winget install --manifest \<path>
Arquivos de log
Os arquivos de log do winget, a menos que sejam redirecionados, estão localizados na seguinte pasta:
%temp%\AICLI\*.log
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Comando list (winget)
23/09/2021 • 2 minutes to read
O comando list da ferramenta winget exibe uma lista de aplicativos instalados no seu computador no
momento. O comando list mostrará aplicativos que foram instalados por meio do Gerenciador de Pacotes do
Windows, bem como aplicativos que foram instalados por outros meios.
O comando list também será exibido se uma atualização estiver disponível para um aplicativo, e você poderá
usar o comando upgrade para atualizar o aplicativo.
O comando list também dá suporte a filtros que podem ser usados para limitar sua consulta de lista.
Uso
winget list [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de lista para atender às suas necessidades.
Consultas de exemplo
O exemplo a seguir lista uma versão específica de um aplicativo.
winget list -n 12
O comando list exibirá não apenas a versão de atualização disponível, mas a origem da qual a atualização está
disponível.
Se não houver nenhuma atualização disponível, list mostrará apenas a versão instalada no momento e a coluna
de atualização não será exibida.
Usar a ferramenta winget para listar e gerenciar aplicativos
Comando search (winget)
23/09/2021 • 2 minutes to read
O comando search da ferramenta winget consulta as fontes para ver se há aplicativos disponíveis que possam
ser instalados.
O comando search pode mostrar todos os aplicativos disponíveis ou pode ser filtrado para um aplicativo
disponível. O comando search é usado normalmente para identificar a cadeia de caracteres a ser usada para
instalar um aplicativo específico.
Uso
winget search [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Mostrar tudo
Se o comando search não incluir filtros nem opções, ele exibirá todos os aplicativos disponíveis na origem
padrão. Também será possível pesquisar todos os aplicativos em outra fonte se passar apenas a opção de
origem .
Cadeias de caracteres de pesquisa
As cadeias de caracteres de pesquisa podem ser filtradas com as opções a seguir.
A cadeia de caracteres será tratada como uma substring. A pesquisa, por padrão, também não diferencia
maiúsculas de minúsculas. Por exemplo, winget search micro poderia retornar o seguinte:
Microsoft
microscope
MyMicro
Opções de pesquisa
Os comandos de pesquisa dão suporte a várias opções ou filtros para ajudar a limitar os resultados.
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Comando settings (WinGet)
23/09/2021 • 3 minutes to read
O comando settings da ferramenta WinGet permite personalizar sua experiência de cliente do Gerenciador de
Pacotes do Windows. É possível alterar os padrões e usar recursos experimentais habilitados para seu cliente.
O comando settings inicia o editor de texto padrão. Por padrão, o Windows inicia o Bloco de notas como uma
opção. Recomendamos usar uma ferramenta como o Visual Studio Code.
NOTE
É possível instalar com facilidade o Visual Studio Code digitando winget install Microsoft.VisualStudioCode
Uso
Iniciar a ferramenta padrão de edição JSON: winget settings
Ao iniciar as configurações pela primeira vez, não haverá configurações específicas. Na parte superior do
arquivo JSON, fornecemos um link em que é possível descobrir os recursos experimentais e as configurações
mais recentes.
Também definimos um esquema para executar o arquivo de configurações. Isso permite usar a tecla TAB para
descobrir configurações e sintaxes caso o editor JSON seja compatível com esquemas JSON.
autoUpdateIntervalInMinutes
Um inteiro positivo representa o intervalo da atualização em minutos. A verificação de atualizações ocorre
somente durante o uso de uma origem. Um zero vai desabilitar a verificação de atualizações em uma origem.
Outros valores são inválidos.
Desabilitar: 0
Padrão: 5
Para atualizar a origem de modo manual, use winget source update .
visual
As configurações do visual incluem elementos visuais exibidos pelo WinGet
"visual": {
"progressBar": "accent"
},
progressBar
A cor da barra de progresso que o WinGet exibe quando ela não é especificada por argumentos.
cor de destaque (padrão)
retrô
arco-íris
installBehavior
As configurações de installBehavior afetam o comportamento padrão de instalação e atualização de pacotes
(quando aplicável).
Preferências e requisitos
Algumas configurações estão duplicadas em preferences e requirements .
A configuração de preferences afeta de que modo que as diversas opções disponíveis são classificadas
durante a escolha de uma delas. Por exemplo, o escopo padrão de instalação do pacote é voltado para o
usuário atual. No entanto, caso essa não seja uma opção, um instalador de nível de computador será
escolhido.
A configuração de requirements filtra as opções, resultando de maneira potencial em uma lista vazia e falha
na instalação. No exemplo anterior, um requisito de escopo do usuário pode resultar em nenhum instalador
aplicável, bem como em um erro.
Os argumentos passados na linha de comando substituirão de modo efetivo a configuração do requirement de
correspondência durante esse comando.
scope
O comportamento do scope afeta a escolha entre instalar um pacote para o usuário atual ou para todo o
computador. O parâmetro correspondente é --scope . Além disso, ele usa os mesmos valores ( user ou
machine ).
"installBehavior": {
"preferences": {
"scope": "user"
}
},
localidade
O comportamento da locale afeta a escolha do instalador com base na localidade. O parâmetro
correspondente é --locale . Além disso, ele usa a marca de idioma bcp47.
"installBehavior": {
"preferences": {
"locale": [ "en-US", "fr-FR" ]
}
},
telemetria
As configurações de telemetry controlam se o WinGet grava eventos ETW que poderão ser enviados à
Microsoft em uma instalação padrão do Windows.
Confira detalhes sobre dados telemétricos e nossa principal política de privacidade.
disable
"telemetry": {
"disable": true
},
Caso seja definido como true, a configuração telemetry.disable impedirá que eventos sejam gravados pelo
programa.
network
As configurações de network influenciam de que modo o WinGet usa a rede para recuperar pacotes e
metadados.
downloader
A configuração do downloader controla qual código é usado durante o download de pacotes. O padrão é
default , que pode ser uma das opções baseadas em nossa determinação.
"network": {
"downloader": "do"
}
O comando show da ferramenta winget exibe detalhes para o aplicativo especificado, incluindo detalhes sobre
a fonte do aplicativo, além dos metadados associados a ele.
O comando show mostra apenas os metadados que foram enviados com o aplicativo. Se o aplicativo enviado
excluir alguns metadados, os dados não serão exibidos.
Uso
winget show [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções a seguir estão disponíveis.
Seleções múltiplas
Se a consulta fornecida para winget não resultar em um único aplicativo, winget exibirá os resultados da
pesquisa. Isso fornecerá os dados adicionais necessários para refinar a pesquisa.
Resultados de mostrar
Se um único aplicativo for detectado, os dados a seguir serão exibidos.
Metadados
VA LO R DESC RIÇ Ã O
Id Id do aplicativo.
Detalhes do instalador
VA LO R DESC RIÇ Ã O
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Comando source (winget)
23/09/2021 • 2 minutes to read
NOTE
No momento, o comando source é somente para uso interno. Por enquanto, não há suporte para fontes adicionais.
O comando source da ferramenta winget gerencia os repositórios acessados pelo Gerenciador de Pacotes do
Windows. Com o comando source , é possível adicionar , remover , listar e atualizar os repositórios.
Uma fonte fornece os dados para você descobrir e instalar aplicativos. Somente adicione uma nova fonte se
você confiar nela como um local seguro.
Uso
winget source \<sub command> \<options>
Argumentos
Os argumentos a seguir estão disponíveis.
Subcomandos
A fonte dá suporte aos seguintes subcomandos para manipular as fontes.
Opções
O comando source dá suporte às opções a seguir.
adicionar
O subcomando add adiciona uma nova fonte. Esse subcomando requer a opção --name e o argumento name .
Uso: winget source add [-n, --name] \<name> [-a] \<url> [[-t] \<type>]
O subcomando add também dá suporte ao parâmetro type opcional. O parâmetro type comunica ao cliente a
qual tipo de repositório ele está se conectando. Há suporte para os tipos a seguir.
T IP O DESC RIÇ Ã O
lista
o subcomando list enumera as fontes habilitadas no momento. Esse subcomando também fornece detalhes
sobre uma fonte específica.
Uso: winget source list [-n, --name] \<name>
list all
O subcomando list por si só revelará a lista completa de fontes com suporte. Por exemplo:
> C:\winget source list
> Name Arg
> -----------------------------------------
> winget https://winget.azureedge.net/cache
Name exibe o nome pelo qual identificar a fonte. Type exibe o tipo de repositório. Arg exibe a URL ou o
caminho usado pela fonte. Data exibe o nome do pacote opcional usado, se apropriado. Updated exibe a data e
hora da última atualização da fonte.
atualizar
O subcomando update força uma atualização para uma fonte individual ou para todas.
uso: winget source update [-n, --name] \<name>
update all
O subcomando update por si só solicitará e atualizará cada repositório. Por exemplo: C:\winget update
atualizar origem
O subcomando update combinado com a opção --name pode direcionar e atualizar para uma fonte individual.
Por exemplo: C:\winget source update --name contoso
remover
O subcomando remove remove uma fonte. Esse subcomando requer a opção --name e name argument a
fim de identificar a fonte.
Uso: winget source remove [-n, --name] \<name>
reset
O subcomando reset redefine o cliente para a configuração original dele. O subcomando redefinir remove
todas as fontes e define a fonte como o padrão. Esse subcomando só deve ser usado em casos raros.
Uso: winget source reset
Repositório padrão
O Gerenciador de Pacotes do Windows especifica um repositório padrão. É possível identificar o repositório
usando o comando list . Por exemplo: winget source list
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Comando uninstall (winget)
16/09/2021 • 2 minutes to read
Uso
winget uninstall [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de desinstalação para atender às suas necessidades.
-m, --manifest Deve ser seguido pelo caminho para o arquivo de manifesto
(YAML). Você pode usar o manifesto para executar a
experiência de desinstalação de um arquivo YAML local.
OPÇ ÃO DESC RIÇ Ã O
-v, --version Permite que você especifique uma versão exata a ser
desinstalada. Se ela não for especificada, a mais recente
desinstalará o aplicativo com versão mais alta.
Depois de identificar com êxito o aplicativo que você pretende desinstalar, o winget executará o comando
uninstall. No exemplo abaixo, o nome 'orca' e a id foram passados.
Consultas de exemplo
O exemplo a seguir desinstala uma versão específica de um aplicativo.
Seleções múltiplas
Se a consulta fornecida a winget não resultar na desinstalação de um único aplicativo, o winget exibirá vários
resultados. Você pode usar filtros adicionais para refinar a pesquisa de um aplicativo correto.
Como desinstalar aplicativos não instalados com o Gerenciador de
Pacotes do Windows
Conforme mencionado em list , o comando winget list exibirá mais do que apenas aplicativos instalados com o
winget . Portanto, você pode usar esses comandos para remover aplicativos de seu computador de maneira
rápida e fácil.
Neste exemplo, list foi usado para localizar o aplicativo e, em seguida, a id foi passada como parte da
desinstalação.
Comando upgrade (winget)
23/09/2021 • 2 minutes to read
O comando upgrade da ferramenta winget atualiza o aplicativo especificado. Opcionalmente, você pode usar o
comando list para identificar o aplicativo que deseja atualizar.
O comando upgrade requer que você especifique a cadeia de caracteres exata a ser atualizada. Se houver
alguma ambiguidade, você deverá filtrar ainda mais o comando upgrade para um aplicativo exato.
Uso
winget upgrade [[-q] \<query>] [\<options>]
Argumentos
Os argumentos a seguir estão disponíveis.
Opções
As opções permitem que você personalize a experiência de upgrade para atender às suas necessidades.
-m, --manifest Deve ser seguido pelo caminho para o arquivo de manifesto
(YAML). É possível usar o manifesto para executar a
experiência de upgrade de um arquivo YAML local.
-v, --version Permite que você especifique uma versão exata a ser
atualizada. Se ela não for especificada, a mais recente
atualizará o aplicativo com versão mais alta.
Consultas de exemplo
O exemplo a seguir atualiza uma versão específica de um aplicativo.
upgrade --all
upgrade --all identificará todas os aplicativos com upgrades disponíveis. Quando você executar winget
upgrade --all , o Gerenciador de Pacotes do Windows procurará todos os aplicativos que têm atualizações
disponíveis e tentará instalá-los.
NOTE
Alguns aplicativos não fornecem uma versão. Eles são sempre os mais recentes. Como o Gerenciador de Pacotes do
Windows não pode identificar se há uma versão mais recente do aplicativo, uma atualização não será possível.
Comando validate (winget)
16/09/2021 • 2 minutes to read
O comando validar da ferramenta WinGet valida um manifesto para enviar um software para o Repositório
do Manifesto do Pacote da Microsoft Community no GitHub. O manifesto deve ser um arquivo YAML que
siga a especificação.
Uso
winget validate [--manifest] \<path>
Argumentos
Os argumentos a seguir estão disponíveis.
Tópicos relacionados
Usar a ferramenta winget para instalar e gerenciar aplicativos
Enviar pacotes para o Gerenciador de Pacotes do Windows
Enviar pacotes para o Gerenciador de Pacotes do
Windows
17/09/2021 • 2 minutes to read
Esta seção fornecerá diretrizes sobre como enviar pacotes para o Gerenciador de Pacotes do Windows.
Membro da comunidade
Caso seja um membro da comunidade do GitHub, também será possível enviar pacotes para o Gerenciador de
Pacotes do Windows seguindo as etapas acima.
Como alternativa, também é possível solicitar ajuda para adicionar um pacote ao repositório da comunidade.
Para fazer isso, crie um problema de Solicitação/Envio de Pacote.
Tópicos relacionados
Usar a ferramenta winget
Criar o manifesto do pacote
Enviar seu manifesto para o repositório
Criar o manifesto do pacote
23/09/2021 • 6 minutes to read
Se você desejar enviar um pacote de software para o repositório do Gerenciador de Pacotes do Windows,
comece criando um manifesto do pacote. O manifesto é um arquivo YAML que descreve o aplicativo a ser
instalado.
Este artigo descreve o conteúdo de um manifesto do pacote para o Gerenciador de Pacotes do Windows.
NOTE
No momento, os manifestos do Gerenciador de Pacotes do Windows não dão suporte a todos os recursos do YAML. Os
recursos do YAML sem suporte incluem âncoras, chaves complexas e conjuntos.
Convenções
Essas convenções são usadas neste artigo:
À esquerda de : , há uma palavra-chave literal usada em definições de manifesto.
À direita de : , há um tipo de dados. O tipo de dados pode ser um tipo primitivo como cadeia de
caracteres ou uma referência a uma estrutura avançada definida em outro lugar neste artigo.
A notação [ datatype ] indica uma matriz do tipo de dados mencionado. Por exemplo, [ string ] é uma
matriz de cadeias de caracteres.
A notação { datatype : datatype } indica um mapeamento de um tipo de dados para outro. Por exemplo,
{ string: string } é um mapeamento de cadeias de caracteres para cadeias de caracteres.
Conteúdo do manifesto
Um manifesto do pacote deve incluir um conjunto de itens necessários e também pode incluir outros itens
opcionais que podem ajudar a aprimorar a experiência do cliente com a instalação do seu software. Esta seção
fornece breves resumos do esquema de manifesto necessário e dos esquemas de manifesto completos, além de
exemplos de cada um.
Cada campo no arquivo de manifesto deve ser escrito na formatação Pascal e não pode ser duplicado.
Para obter uma lista completa e descrições de itens em um manifesto, confira a especificação de manifesto no
repositório https://github.com/microsoft/winget-cli.
Esquema mínimo necessário
Conforme especificado no esquema JSON singleton, somente determinados campos são obrigatórios. O
arquivo YAML mínimo com suporte seria semelhante ao exemplo abaixo. O formato singleton só é válido para
pacotes que contenham um único instalador e uma única localidade. Se mais de um instalador ou uma
localidade for fornecido, o esquema e o formato do arquivo YAML múltiplo deverão ser usados.
O esquema de particionamento foi adicionado para ajudar com a UX do GitHub. As pastas com milhares de
filhos não são bem renderizadas no navegador.
Esquema mínimo necessário
Exemplo
PackageIdentifier: "Microsoft.WindowsTerminal"
PackageVersion: "1.6.10571.0"
DefaultLocale: "en-US"
ManifestType: "version"
ManifestVersion: "1.0.0"
NOTE
Se o instalador for um .exe e tiver sido criado usando o Nullsoft ou o Inno, será possível especificar esses valores. Quando
o Nullsoft ou o Inno forem especificados, o cliente definirá automaticamente os comportamentos de instalação silenciosa
e silenciosa com progresso para o instalador.
Opções do instalador
Muitas vezes, você pode descobrir quais Switches silenciosas estão disponíveis para um instalador passando
um -? para o instalador da linha de comando. Aqui estão algumas Switches silenciosas comuns que podem
ser usadas para diferentes tipos de instalador.
IN STA L A DO R C O M A N DO DO C UM EN TA Ç Ã O
Nullsoft /S Instaladores/desinstaladores
silenciosos do Nullsoft
Depois de criar um manifesto do pacote que descreva seu aplicativo, você estará pronto para enviar seu
manifesto para o repositório do Gerenciador de Pacotes do Windows. Esse é um repositório voltado para o
público que contém uma coleção de manifestos que a ferramenta winget pode acessar. Para enviar seu
manifesto, você o carregará pagara o repositório https://github.com/microsoft/winget-pkgs de software livre no
GitHub.
Após enviar uma solicitação de pull para adicionar um manifesto ao repositório do GitHub, um processo
automatizado validará o arquivo de manifesto e verificará se o pacote está em conformidade com as políticas do
Gerenciador de Pacotes do Windows e não é conhecido por ser mal-intencionado. Se essa validação for bem-
sucedida, seu pacote será adicionado ao repositório do Gerenciador de Pacotes do Windows voltado ao público
para que possa ser descoberto pela ferramenta de cliente winget . Observe a distinção entre os manifestos no
repositório do GitHub de software livre e o repositório do Gerenciador de Pacotes do Windows voltado para o
público.
IMPORTANT
A Microsoft se reserva o direito de recusar um envio por qualquer motivo.
Repositórios de terceiros
No momento, não há repositórios de terceiros conhecidos. A Microsoft está trabalhando com vários parceiros
para desenvolver protocolos ou uma API para habilitar repositórios de terceiros.
Validação do manifesto
Quando você envia um manifesto para o repositório https://github.com/microsoft/winget-pkgs no GitHub, seu
manifesto será validado e avaliado automaticamente quanto à segurança do ecossistema do Windows. Os
manifestos também podem ser examinados manualmente.
Para obter mais informações sobre o processo de validação, confira o Processo de validação do Gerenciador de
Pacotes do Windows.
Se a validação falhar, use os erros para localizar o número de linha e fazer uma correção. Depois que o
manifesto for validado, você poderá enviá-lo para o repositório.
Etapa 2: Clone o repositório
Em seguida, crie uma bifurcação do repositório e a clone.
1. Acesse https://github.com/microsoft/winget-pkgs em seu navegador e clique em Bifurcação .
3. Se você estiver fazendo vários envios, crie um branch em vez de uma bifurcação. No momento,
permitimos apenas um arquivo de manifesto por envio.
2. Use o comando commit para confirmar a alteração e fornecer informações sobre o envio.
3. Use o comando push para enviar por push as alterações para o repositório remoto.
git push
Ao criar uma solicitação de pull para enviar seu manifesto ao repositório do Gerenciador de Pacotes do
Windows, você vai iniciar um processo de automação que valida o manifesto e processa sua solicitação de pull.
Os rótulos do GitHub são usados para compartilhar o progresso e permitir que você se comunique conosco.
Expectativas de envio
Os envios de aplicativos para o repositório do Gerenciador de Pacotes do Windows deverão ser adequados e
seguir as políticas de repositório do Gerenciador de Pacotes do Windows. Veja algumas expectativas para
envios:
O manifesto está em conformidade com os requisitos do esquema.
Todas as URLs no manifesto levam a sites seguros.
O instalador e o aplicativo não contêm vírus. O pacote pode ser identificado como um malware por
engano. Caso considere que ele seja um falso positivo, será possível enviar um instalador para a equipe
do Microsoft Defender a fim de executar uma análise.
O aplicativo é instalado e desinstalado corretamente para administradores e não administradores.
O instalador dá suporte a modos não interativos.
Todas as entradas de manifesto são precisas e não enganosas.
O instalador é fornecido diretamente do site do editor.
Para obter uma lista completa de políticas, confira as Políticas do Gerenciador de Pacotes do Windows.
Blocking-Issue Este rótulo indica que não foi possível aprovar a solicitação
de pull porque há um problema de bloqueio. Muitas vezes é
possível identificar o problema de bloqueio analisando o
rótulo de erro incluído.
RÓT ULO DETA L H ES
Requisito: atenção Este rótulo indica que a solicitação de pull precisa ser
investigada pela equipe de desenvolvimento do Gerenciador
de Pacotes do Windows. Isso ocorre devido a uma falha de
teste que precisa de uma revisão manual ou um comentário
adicionado à solicitação de pull pela comunidade.
Validation-Completed Indica se a fase de teste foi concluída com êxito e que sua
solicitação de pull será mesclada.
Rótulos de erros
A tabela a seguir descreverá os rótulos de erros que você pode encontrar. Nem todos os casos de erros serão
atribuídos a você de modo imediato. Alguns poderão disparar uma validação manual.
Validation-VCRuntime-Dependency Não foi possível resolver uma dependência que o pacote tem
no runtime do C++. Atualize o pacote para incluir os
componentes ausentes ou adicione a dependência ao
arquivo de manifesto e reenvie a solicitação de pull.
Rótulos internos
A tabela a seguir listará rótulos de erros internos. Quando erros internos são identificados, sua solicitação de
pull será atribuída aos engenheiros do Gerenciador de Pacotes do Windows para realizar uma investigação.
Ao processar arquivos de manifesto no pipeline, o Gerenciador de Pacotes do Windows exibe rótulos. Caso haja
falha na solicitação de pull, talvez seja necessário realizar uma investigação para entender a falha de modo mais
adequado.
Este artigo mostrará de que modo é possível obter mais informações sobre uma falha em sua solicitação de
pull.
.
2. Após clicar em Detalhes , você será direcionado para uma página do Azure Pipelines. Clique no link da
cadeia de caracteres 0 erros/0 avisos .
.
3. A próxima página listará um trabalho com falha. Na captura de tela a seguir, o trabalho com falha será a
Validação de Conteúdo do Manifesto . Clique no trabalho com falha.
.
4. A próxima página exibirá a saída do trabalho com falha. É possível usar essas informações para depurar o
problema. No exemplo a seguir, a falha ocorreu durante a tarefa de Validação da Instalação . A saída
ajudará você a identificar uma alteração que precisa ser executada para corrigir o manifesto.
.
Erros de validação binária
23/09/2021 • 2 minutes to read
Caso haja falha na solicitação de pull durante a fase de teste de Verificação de Instaladores e o rótulo
Binar y-Validation-Error seja fornecido, isso indicará que houve falha na instalação do aplicativo em todos os
ambientes. Este artigo fornecerá diretrizes e mais informações sobre esse erro.
Sumário
Políticas do Produto:
1.1 Função e Valor Distintos; Representação Precisa
1.2 Segurança
1.3 Produto Testável
1.4 Usabilidade
1.5 Informações Pessoais
1.6 Funcionalidades
1.7 Localização
1.8 Transações Financeiras
1.9 Notificações
1.10 Conteúdo e Conduta de Publicidade
Políticas de Conteúdo:
2.1 Requisitos de Conteúdo Geral
2.2 Conteúdo Original e de Terceiros que Inclua Nomes e Logotipos
2.3 Risco de Danos
2.4 Conteúdo Difamatório, Calunioso e Ameaçador
2.5 Conteúdo Ofensivo
2.6 Álcool, Tabaco, Armas e Drogas
2.7 Conteúdo para Adultos
2.8 Atividade Ilícita
2.9 Blasfêmias Graves e Conteúdo Impróprio
2.10 Requisitos Específicos de Países/Regiões
2.11 Classificações Etárias
2.12 Conteúdo Gerado pelo Usuário
Políticas do Produto
1.1 Função e Valor Distintos; Representação Precisa
O Produto e os metadados associados, incluindo, entre outros, o nome do aplicativo, a descrição, as capturas de
tela, os trailers, a classificação de conteúdo e a categoria do Produto, precisam refletir com precisão e clareza a
origem, a funcionalidade e os recursos do Produto.
1.1.1
Todos os aspectos do Produto devem descrever com precisão as funções, os recursos e limitações importantes
do Produto.
1.1.2
As marcas não podem exceder o número de 16 exclusivas e devem ser relevantes para o Produto.
1.1.3
Além de ter metadados distintos e informativos, o Produto deve fornecer ao usuário uma experiência valiosa e
de qualidade.
1.1.4
InstallerUrl precisa ser o local de lançamento do ISV para o Produto. Os produtos dos sites de download não
serão permitidos.
1.2 Segurança
o Produto não deve prejudicar nem comprometer a segurança do usuário nem a segurança ou a funcionalidade
do dispositivo, do sistema ou dos sistemas relacionados.
1.2.1
O Produto não deve tentar mudar nem ampliar a funcionalidade descrita por meio de qualquer forma de
inclusão dinâmica de código que viole as políticas da do Gerenciador de Pacotes do Windows. O Produto não
deve, por exemplo, baixar um script remoto e depois executar esse script de maneira que não seja consistente
com a funcionalidade descrita.
1.2.2
O Produto não deve conter nem habilitar malware conforme definido pelos critérios da Microsoft para
Softwares Mal-intencionados e Indesejados.
1.2.3
O Produto pode conter middleware totalmente integrado (como mecanismos multiplataforma de terceiros e
serviços de análise de terceiros).
O Produto pode depender de software não integrado (por exemplo, outro Produto, módulo ou serviço) para
fornecer a função principal dele.
1.3 Produto Testável
Deve ser possível testar o produto. Se, por qualquer motivo, não for possível testar o Produto enviado, seu
Produto poderá não ser aprovado nesse requisito.
1.4 Usabilidade
O Produto deve atender aos padrões de usabilidade, incluindo, entre outros, os listados nas subseções abaixo.
1.4.1
Os Produtos devem dar suporte aos dispositivos e às plataformas nos quais eles são baixados, incluindo a
compatibilidade com os requisitos de software, hardware e resolução de tela especificados pelo Produto. Se o
Produto for baixado em um dispositivo com o qual ele não é compatível, ele deverá detectar isso na inicialização
e exibir uma mensagem para o cliente detalhando os requisitos.
1.4.2
O Produto deve apresentar execução contínua e responder à entrada de usuário. Os Produtos devem desligar
normalmente e não fechar inesperadamente. O Produto deve tratar as exceções geradas por APIs nativas ou
gerenciadas do sistema e responder à entrada de usuário depois que a exceção for manipulada.
1.4.3
O Produto deve iniciar imediatamente e deve continuar respondendo à entrada de usuário.
1.5 Informações Pessoais
Os requisitos a seguir aplicam-se aos Produtos que acessam Informações Pessoais. As Informações Pessoais
incluem todas as informações ou os dados que identificam ou possam ser usados para identificar uma pessoa
ou que sejam associados a tais informações ou dados.
1.5.1
Se o Produto acessar, coletar ou transmitir Informações Pessoais ou exigidas por lei, ele deverá manter uma
política de privacidade. O envio deve incluir a PrivacyUrl vinculada à política de privacidade do Produto.
1.5.2
Se o Produto publicar as Informações Pessoais dos clientes do produto para um serviço externo ou terceiros, o
Produto só deverá fazer isso depois de obter consentimento de aceitação desses clientes. O consentimento por
meio de aceitação implica uma permissão explícita do cliente na interface do usuário do Produto para a
atividade solicitada depois que o Produto:
Descrever para o cliente como as informações serão acessadas, usadas ou compartilhadas, além de indicar
para quem elas serão divulgadas;
Fornecer ao cliente um mecanismo na interface do usuário do Produto por meio do qual ele possa cancelar
essa permissão posteriormente e recusá-la.
1.5.3
Se o Produto publicar Informações Pessoais de alguém para um serviço externo ou para terceiros por meio do
Produto ou dos metadados dele, mas essa pessoa não for cliente do Produto, o Produto deverá obter uma
autorização por escrito explícita para publicar essas Informações Pessoais, além de permitir-lhe revogar essa
autorização quando desejar. Se o Produto permitir que um cliente acesse as Informações Pessoais de outra
pessoa, esse requisito também será aplicável.
1.5.4
Se o Produto coleta, armazena ou transmite Informações Pessoais, ele deve fazer isso com segurança, usando
métodos de criptografia moderna.
1.5.5
O Produto não deve coletar, armazenar nem transmitir informações pessoais altamente confidenciais, como
dados financeiros ou relativos à saúde física dos usuários, salvo se as informações estiverem relacionadas à
funcionalidade principal do Produto. O Produto também deve obter consentimento expresso do usuário antes
de coletar, armazenar ou transmitir essas informações. A política de privacidade do Produto deve informar
claramente ao usuário quando e por que ele está coletando Informações Pessoais e como você as usará.
1.5.6
Se o Produto der suporte à autenticação de identidade da Microsoft, ele deverá fazer isso usando somente
métodos aprovados pela Microsoft.
1.5.7
Os Produtos que recebem a localização de um dispositivo devem fornecer configurações que permitam ao
usuário habilitar e desabilitar o acesso e o uso da localização pelo Produto com base na API de Serviço de
Localização.
1.6 Funcionalidades
Se o Produto declarar o uso de funcionalidades, as funcionalidades declaradas pelo Produto deverão estar
relacionadas legitimamente às funções do Produto. O Produto não deve burlar as verificações do sistema
operacional para o uso da funcionalidade.
1.7 Localização
O Produto deve fornecer a localização de todos os idiomas com suporte. A experiência oferecida por um
produto deve ser relativamente semelhante em todos os idiomas aceitos.
1.8 Transações Financeiras
Se incluir compra realizada em produto, assinaturas, moeda virtual, funcionalidade de cobrança ou captura de
informações financeiras, seu produto deverá atender aos seguintes requisitos:
1.8.1
As ofertas em produto vendidas no seu produto não podem ser convertidas em nenhuma moeda legalmente
válida (por exemplo, dólares, euros etc.) nem em bens materiais ou serviços.
1.8.2
O Produto deve usar uma API de compra segura para compras de bens materiais ou serviços e uma API de
compra segura para pagamentos relacionados a jogos de azar do mundo real ou contribuições beneficentes. Se
o Produto for usado para facilitar ou coletar contribuições beneficentes ou para realizar concursos ou sorteios
promocionais, ele deverá fazer isso em conformidade com a lei aplicável. O Produto também deve declarar
claramente que a Microsoft não está levantando fundos, nem é responsável pela promoção.
O Produto deve usar uma API de compra segura para receber doações voluntárias dos usuários.
Os seguintes requisitos se aplicam ao uso que você faz de uma API de compra segura:
No momento da operação ou quando o Produto coletar informações financeiras ou de pagamento do
cliente, o Produto deverá identificar o provedor de transações comerciais, autenticar o usuário e obter a
confirmação do usuário para a transação.
O produto pode oferecer ao usuário a capacidade de salvar essa autenticação, mas o usuário deve ter a
capacidade de exigir uma autenticação em cada operação ou desativar transações no produto.
Se o Produto coletar informações de cartões de crédito ou usar um processador de pagamentos de terceiros
que coleta informações de cartões de crédito, o processador de pagamentos deverá atender ao PCI DSS
(Padrão de Segurança de Dados PCI) atual.
1.8.3
O Produto e os metadados associados a ele devem fornecer informações sobre os tipos de compras no produto
oferecidos e a faixa de preços. O Produto não pode enganar os clientes e deve ser claro quanto à natureza das
ofertas e das promoções no produto, incluindo o escopo e os termos de qualquer experiência de avaliação. Se o
Produto restringir o acesso ao conteúdo criado pelo usuário durante ou após a avaliação, ele deverá notificar os
usuários com antecedência. Além disso, o Produto deve deixar claro para os usuários que eles estão iniciando
uma opção de compra no Produto.
Se o seu jogo oferecer "caixas de loot" ou outros mecanismos que oferecem itens virtuais aleatórios, você
deverá divulgar as chances de receber cada item para os clientes antes da compra. Essas divulgações podem
aparecer: no produto, como em uma loja no aplicativo, na PDP (Página de Descrição de Produtos) da Microsoft
Store e/ou em um site do desenvolvedor ou do publicador, com um link da PDP da Loja e/ou no aplicativo.
10.8.4
Todos os preços, incluindo vendas ou descontos, de seus produtos ou serviços digitais devem estar em
conformidade com todas as leis, regulamentações e diretrizes normativas aplicáveis, incluindo, entre outros, os
Guias Contra Preços Enganosos da Comissão Comercial Federal dos EUA.
1.9 Notificações
Se o Produto der suporte a notificações, o Produto deverá respeitar as configurações do sistema para
notificações e permanecer funcional quando elas estiverem desabilitadas. Isso inclui a apresentação de anúncios
e notificações para o cliente, que também deve ser consistente com as preferências do cliente,
independentemente das notificações serem fornecidas pelo Serviço de Notificação por Push da Microsoft
(MPNS), Serviço de Notificação por Push do Windows (WNS) ou qualquer outro serviço. Se o cliente desabilitar
as notificações, seja de maneira específica no Produto ou em todo o sistema, o Produto deverá permanecer
funcional.
1.10 Conteúdo e Conduta de Publicidade
Os requisitos a seguir aplicam-se a todas as atividades relativas a publicidade:
1.10.1
O objetivo principal do Produto não deve ser fazer com que os usuários cliquem em anúncios.
O Produto não pode fazer nada que interfira ou diminua a visibilidade, o valor ou a qualidade de anúncios
que ele exibe.
O Produto deve respeitar as configurações de ID de anúncio que o usuário selecionou.
Todos os anúncios devem ser confiáveis, não enganosos e estar em conformidade com todas as leis,
regulamentações e diretrizes normativas aplicáveis.
Políticas de conteúdo
As políticas a seguir se aplicam ao conteúdo e aos metadados (incluindo o nome do fornecedor, nome do
Produto, ícone do Produto, descrição do Produto, capturas de tela do Produto, trailers do Produto e miniaturas
de trailers, além de outros metadados do Produto) oferecidos para distribuição no Gerenciador de Pacotes do
Windows. O conteúdo engloba o nome do Produto, o nome do fornecedor, o ícone do Produto, a descrição do
Produto, as imagens, os sons, os vídeos e o texto no Produto, os blocos, as notificações, as mensagens de erro
ou anúncios expostos por meio do Produto e qualquer coisa que seja entregue de um servidor ou com a qual o
Produto se conecta. Como o Produto e o Gerenciador de Pacotes do Windows são usados ao redor do mundo,
esses requisitos serão interpretados e aplicados no contexto de normas regionais e culturais.
2.1 Requisitos de Conteúdo Geral
O conteúdo dos metadados e qualquer outro conteúdo que você enviar para acompanhar seu envio devem
fazer jus à classificação PEGI 12, ESRB EVERYONE 10+ ou inferior.
2.2 Conteúdo Original e de Terceiros que Inclua Nomes e Logotipos
Todo o conteúdo existente em seu Produto e os metadados associados devem ser originalmente criados pelo
fornecedor do aplicativo, devidamente licenciados pelo detentor dos respectivos direitos dele, usados, conforme
permitido pelo detentor desses direitos ou usados de alguma forma permitida por lei.
2.3 Risco de Danos
2.3.1
O Produto não deve ter conteúdo que promova nem idealize as seguintes atividades do mundo real: (a)
violência extrema ou gratuita; (b) violações dos direitos humanos; (c) criação de armas ilícitas ou (d) uso de
armas contra pessoas, animais ou propriedade reais ou pessoais.
2.3.2
O Produto não deve: (a) representar um risco de segurança, nem resultar em desconforto, lesão ou outros
danos aos usuários finais ou a qualquer outra pessoa ou animal nem (b) representar um risco de ou resultar em
danos a propriedades reais ou pessoais. Você é unicamente responsável por todos os testes de segurança do
Produto, a aquisição de certificado e a implementação de proteções de recurso apropriadas. Você não
desabilitará nenhuma proteção nem recursos de conforto da plataforma, e deverá incluir todos os avisos, as
advertências e as isenções de responsabilidade legalmente necessários e padrão do setor no Produto.
2.4 Conteúdo Difamatório, Calunioso e Ameaçador
O Produto não pode ter nenhum conteúdo que seja difamatório, calunioso ou ameaçador.
2.5 Conteúdo Ofensivo
O Produto e os metadados associados não podem ter conteúdo potencialmente sigiloso ou ofensivo. O
conteúdo pode ser considerado ofensivo ou confidencial em determinados países/regiões devido a leis locais ou
normas culturais. Além disso, o Produto e os metadados associados não devem ter conteúdo que preconize a
discriminação, o ódio ou a violência com base em raça, etnia, nacionalidade, idioma, gênero, idade, deficiência,
religião, orientação sexual, status de veterano ou participação em qualquer outro grupo social.
2.6 Álcool, Tabaco, Armas e Drogas
O Produto não pode ter nenhum conteúdo que promova nem idealize o uso excessivo ou irresponsável de
Produtos derivados de álcool ou tabaco, drogas e armas.
2.7 Conteúdo para Adultos
O Produto não pode ter nem exibir conteúdo que uma pessoa razoável considerasse pornográfico ou
sexualmente explícito.
2.8 Atividade Ilícita
O Produto não pode ter conteúdo nem funcionalidade que incentive, promova ou idealize atividade ilícita no
mundo real.
2.9 Blasfêmias Graves e Conteúdo Impróprio
O Produto não pode conter linguagem chula nem blasfêmias gratuitas.
Além disso, não pode ter nem exibir conteúdo que uma pessoa razoável considere obsceno.
2.10 Requisitos Específicos de Países/Regiões
Não é permitido conteúdo ofensivo em qualquer país/região ao qual o Produto se destine. O conteúdo pode ser
considerado ofensivo em determinados países/regiões devido a leis locais ou normas culturais. Exemplos de
conteúdo potencialmente ofensivo em certos países/regiões incluem o seguinte:
China
Conteúdo sexual ofensivo
Referências a territórios ou regiões em disputa
Fornecer ou permitir acesso a conteúdo ou serviços considerados ilegais pelas leis locais pertinentes
2.11 Classificações Etárias
O Produto deve ter uma classificação de idade que seria uma classificação de RATING 12, ESRB EVERYONE 10
ou inferior.
2.11.1
Se o Produto fornecer conteúdo (como conteúdo comercial, gerado pelo usuário ou outro conteúdo baseado na
Web) que possa ser adequado para uma classificação etária superior à classificação etária atribuída, você deverá
permitir que os usuários aceitem receber esse conteúdo usando um filtro de conteúdo ou entrando com uma
conta preexistente.
2.12 Conteúdo Gerado pelo Usuário
O UGC (Conteúdo Gerado pelo Usuário) é o conteúdo com o qual os usuários contribuem para um aplicativo ou
Produto e que pode ser visualizado ou acessado por outros usuários em um estado online. Se o Produto
contiver UGC, o Produto deverá:
Publicar e disponibilizar aos usuários os termos de serviço do Produto e/ou as diretrizes de conteúdo para o
conteúdo gerado pelo usuário, seja no Produto ou no seu site.
Fornecer um meio para que os usuários relatem conteúdo inapropriado dentro do Produto para revisão do
desenvolvedor e remoção/desativação se violarem as diretrizes de conteúdo e/ou implementar um método
de detecção proativa de UGC inadequado ou prejudicial.
Remover ou desabilitar o UGC quando solicitado pela Microsoft.
Confira também
Histórico de alterações das políticas do Gerenciador de Pacotes do Windows
Código de Conduta do Gerenciador de Pacotes do Windows
Requisitos de contribuição do Gerenciador de Pacotes do Windows
Histórico de alterações das políticas do Gerenciador
de Pacotes do Windows
23/09/2021 • 2 minutes to read
O Microsoft PowerToys é um conjunto de utilitários criado para que usuários avançados ajustem e simplifiquem
a experiência do Windows 10 a fim de terem maior produtividade.
Instalar o PowerToys
Suporte ao processador
x64 : Com suporte
x86 : Em desenvolvimento (confira problema nº 602)
ARM : Em desenvolvimento (confira problema nº 490)
O Modo Ativo foi criado para manter um computador ativo sem a necessidade de gerenciar as configurações de
energia e suspensão dele. Esse comportamento pode ser útil na execução de tarefas demoradas, garantindo que
o computador não entre no estado de suspensão nem desligue as telas.
Seletor de Cor
O Seletor de Cor é um utilitário de seleção de cores de todo o sistema que pode ser ativado com Win+Shift+C.
Escolha cores de qualquer aplicativo em execução; o seletor copiará automaticamente a cor para a área de
transferência em um formato definido. O Seletor de Cor também contém um editor que mostra um histórico
das cores previamente selecionadas, permitindo que você ajuste a cor selecionada e copie diferentes
representações de cadeia de caracteres. Esse código se baseia no Seletor de Cor do Martin Chrzan.
FancyZones
O FancyZones é um gerenciador de janelas que facilita a criação de layouts de janela complexos e o
posicionamento rápido de janelas nesses layouts.
Complementos do File Explorer
Os complementos do File Explorer permitem a renderização do painel de visualização no File Explorer para
exibir ícones SVG (.svg) e visualizações de arquivos Markdown (.md). Para habilitar o painel de visualização,
selecione a guia "Exibir" no File Explorer e selecione "Painel de Visualização".
Redimensionador de Imagem
O Redimensionador de Imagem é uma extensão do Windows Shell para redimensionar imagens rapidamente.
Com um simples clique com o botão direito do mouse no File Explorer, redimensione uma ou várias imagens
instantaneamente. Esse código é baseado no Redimensionador de Imagem do Brice Lambson.
Gerenciador de Teclado
O Gerenciador de Teclado permite que você personalize o teclado para ser mais produtivo remapeando as teclas
e criando seus próprios atalhos de teclado. Este PowerToy requer o Windows 10 1903 (build 18362) ou
posterior.
PowerRename
O PowerRename permite que você execute a renomeação, pesquisa e substituição de nomes de arquivo em
massa. Ele inclui recursos avançados, como o uso de expressões regulares, direcionamento de tipos de arquivo
específicos, visualização de resultados esperados e a capacidade de desfazer as alterações. Esse código é
baseado no SmartRename do Chris Davis.
PowerToys Run
O PowerToys Run pode ajudar você a pesquisar e iniciar seu aplicativo instantaneamente. Basta pressionar o
atalho Alt+Espaço e começar a digitar. Ele é de software livre e é modular para outros plugins. O Navegador
de Janelas também está incluído agora. Este PowerToy requer o Windows 10 1903 (build 18362) ou posterior.
Guia de Atalhos
O Guia de Atalhos da tecla Windows aparece quando um usuário pressiona ⊞ Win+? e mostra os atalhos
disponíveis para o estado atual da área de trabalho.
Ativar mudo de videoconferência é um jeito rápido de "ativar mudo" global do microfone e da câmera usando ⊞
Win+N durante uma chamada em conferência, independentemente do aplicativo atualmente em foco. Isso só
está incluído na versão de pré-lançamento/experimental do PowerToys e requer o Windows 10 1903 (build
18362) ou posterior.
Idiomas
No momento, o PowerToys está disponível nos seguintes idiomas: chinês (simplificado), chinês (tradicional),
tcheco, holandês, alemão, francês, húngaro, italiano, japonês, coreano, polonês, português, português (Brasil),
russo, espanhol e turco.
Observe que, muitas vezes, os novos elementos do aplicativo ainda não serão traduzidos na versão da primeira
versão.
Histórico do PowerToys
Inspirado pelo projeto do PowerToys da era Windows 95, esse recomeço oferece aos usuários avançados
maneiras de extrair mais eficiência do shell do Windows 10 e personalizá-lo para fluxos de trabalho individuais.
Uma ótima visão geral do PowerToys do Windows 95 pode ser encontrada aqui.
Roteiro do PowerToys
O PowerToys é uma equipe de software livre de incubação rápida, cujo objetivo é fornecer aos usuários
avançados maneiras de extrair mais eficiência do shell do Windows 10 e personalizá-lo para fluxos de trabalho
individuais. As prioridades de trabalho serão examinadas de maneira consistente, reavaliadas e ajustadas com o
objetivo de melhorar a produtividade dos usuários.
Novas especificações para o possível PowerToys
Lista de prioridade de pendências
Especificação de estratégia da versão 1.0, fevereiro de 2020
Instalar PowerToys
24/09/2021 • 2 minutes to read
WARNING
Para instalar o PowerToys v0.37 e versões posteriores, é preciso ter o Windows 10 v1903 ou mais recente. As
configurações da v1, que são compatíveis com as versões mais antigas do Windows, foram removidas na v0.37.
É recomendável instalar o PowerToys via GitHub, mas também há métodos de instalação alternativos se você
preferir usar um gerenciador de pacotes.
Requisitos
O PowerToys (v0.37.0 e posterior) requer Windows 10 v1903 (18362) ou versões posteriores.
Runtime do .NET Core Desktop 3.1. O instalador do PowerToys trata esse requisito.
Arquitetura x64 é compatível no momento. A compatibilidade com ARM e x86 será disponibilizada
posteriormente.
Para garantir que o computador atenda a esses requisitos, verifique a versão e o número de build do Windows
10. Basta selecionar ⊞ Win+R, digitar winver e pressionar OK. Outra opção é digitar o comando ver no
prompt de comando do Windows. É possível atualizar para a versão mais recente do Windows no menu
Configurações do Windows .
Pós-instalação
Após a instalação do PowerToys, uma janela de visão geral mostrará as diretrizes introdutórias de cada utilitário
disponível.
Atualizações
O PowerToys usa um atualizador automático que verifica se há novas versões quando o aplicativo está em
execução. Se ele estiver habilitado, uma notificação do sistema será exibida quando uma atualização estiver
disponível. As atualizações também podem ser verificadas manualmente no menu "Configurações" do
PowerToys na página "Geral".
PowerToys executando com permissões elevadas do
administrador
18/09/2021 • 2 minutes to read
Se você estiver executando qualquer aplicativo como administrador (também conhecido como permissões
elevadas), PowerToys o pode não funcionar corretamente quando os aplicativos com privilégios elevados
estiverem em foco ou tentar interagir com um PowerToys recurso como o FancyZones . Isso pode ser abordado
também em execução PowerToys como administrador.
Opções
Há duas opções para PowerToys dar suporte a aplicativos em execução como administrador (com permissões
elevadas):
[Recomendado] : PowerToys exibirá um prompt quando um processo elevado for detectado. abra
PowerToys Configurações. Na página geral, selecione reiniciar como administrador.
habilite sempre executar como administrador no PowerToys Configurações.
No caso de uma linha de comando com privilégios elevados, normalmente o texto "administrador" será
anexado à barra de título.
O Sleep é uma ferramenta de utilitário para Windows projetado para manter um computador ativas sem
precisar gerenciar sua energia & de sleep. Esse comportamento pode ser útil na execução de tarefas demoradas,
garantindo que o computador não entre no estado de suspensão nem desligue as telas.
Introdução
O Alerta pode ser usado diretamente PowerToys configurações ou como um executável autônomo. Quando a
ferramenta está sendo PowerToys, ela pode ser gerenciada de PowerToys configurações ou da bandeja do
sistema.
NOTE
A opção Ativas não modifica nenhuma das Windows do plano de energia e não depende de uma configuração
personalizada do plano de energia. Em vez disso, ele gera threads em segundo plano que Windows que eles exigem um
estado específico do computador.
PowerToys configurações
Na exibição PowerToys configurações, inicie Ativar usando a alternância Habilitar Ativado. Uma vez
habilitado, o aplicativo gerenciará o estado de adoção do computador.
Os seguintes estados Desacordados podem ser selecionados:
Off (Passivo) – o estado de adoção do computador não é afetado. O aplicativo está aguardando a entrada
do usuário.
Manter-se ativamente indefinidamente – o computador permanece ativas indefinidamente até que o
usuário coloque explicitamente o computador em sleep ou saia/desabilite o aplicativo.
Manter a suspensão temporária – mantenha o computador a meio de um tempo limitado pré-definido.
Depois que o tempo passar, o computador retomará seu estado de adoção anterior.
NOTE
Alterar as horas ou minutos enquanto o computador é mantido amanhado temporariamente redefini o temporizador.
Manter a tela em
Embora o Modo Desacordado possa manter o computador ativas indefinidamente ou temporariamente, em seu
estado padrão, as exibições conectadas ao computador serão desligadas, mesmo que o computador não vá para
suspensão. Se você precisar que as exibições fiquem disponíveis, use a tela Manter na opção , que garantirá que
todos os monitores permaneçam ativas.
Bandeja do sistema
Para gerenciar a execução da ferramenta na bandeja do sistema, clique com o botão direito do mouse no ícone
Desacordado.
Um utilitário de separação de cores de todo o sistema para Windows 10 que permite que você escolha cores de
qualquer aplicativo em execução no momento e o copie automaticamente em um formato configurável para
sua área de transferência.
Introdução
Habilitar
Para começar a usar o seletor de cores, verifique se ele está habilitado na PowerToys seção Configurações
(seletor de cores).
Ativar
Uma vez habilitado, você pode escolher um dos três comportamentos a seguir para ser executado ao iniciar o
seletor de cores com o atalho de ativação Win + Shift + C (Observe que esse atalho pode ser alterado na
janela Configurações):
Seletor de cores com modo de editor habilitado – abre o seletor de cores. Depois de selecionar uma
cor, o editor é aberto e a cor selecionada é copiada para a área de transferência (no formato padrão-
configurável na caixa de diálogo Configurações).
Editor – abre o editor diretamente, a partir daqui, você pode escolher uma cor no histórico, ajustar uma cor
selecionada ou capturar uma nova cor com abrindo o seletor de cores.
Somente seletor de cores – abre apenas o seletor de cores e a cor selecionada será copiada para a área de
transferência.
Selecionar cor
Depois que o seletor de cores for ativado, passe o cursor do mouse sobre a cor que deseja copiar e clique com o
botão esquerdo do mouse para selecionar uma cor. Se você quiser ver a área ao seu cursor mais
detalhadamente, role para cima para ampliar.
A cor copiada será armazenada na área de transferência no formato configurado nas configurações (HEX, por
padrão).
Uso do editor
O editor permite que você veja o histórico de cores selecionadas (até 20) e copie sua representação em
qualquer formato de cadeia de caracteres predefinido. Você pode configurar quais formatos de cor são visíveis
no editor e em qual ordem eles aparecem. Essa configuração pode ser encontrada em PowerToys configurações.
O editor também permite ajustar qualquer cor separada ou obter uma nova cor semelhante. O editor visualiza
diferentes tons de cor atualmente selecionados: 2 mais claro e 2 mais escuros.
Clicar em qualquer um desses tons de cores alternativos adicionará a seleção ao histórico de cores selecionadas
(aparecerá na parte superior da lista de histórico de cores). A cor no meio representa a cor selecionada no
momento no histórico de cores. Ao clicar nele, o controle de configuração de ajuste fino aparecerá, onde você
poderá alterar os valores de matiz ou RGB da cor atual. Pressionar Select adicionará a cor recentemente
configurada no histórico de cores.
Para remover qualquer cor do histórico de cores, clique com o botão direito do mouse em uma cor e selecione
remover .
Configurações
O seletor de cor permitirá que você altere as seguintes configurações:
Atalho de ativação
Comportamento do atalho de ativação
Formato de uma cor copiada (HEX, RGB, etc.)
Ordem e aparência dos formatos de cor no editor
Limitações
O seletor de cores não pode ser exibido na parte superior do menu iniciar ou da central de ações (você ainda
pode escolher uma cor).
Se o aplicativo focalizado atualmente tiver sido iniciado com uma elevação de administrador (executar como
administrador), o atalho de ativação do seletor de cor não funcionará, a menos que PowerToys também
tenha sido iniciado com uma elevação de administrador.
FancyZones utilitários
16/09/2021 • 8 minutes to read
FancyZones o é um utilitário do Gerenciador de janelas para organizar e encaixar janelas em layouts eficientes
para melhorar a velocidade do fluxo de trabalho e restaurar os layouts rapidamente. FancyZones permite que o
usuário defina um conjunto de locais de janela para uma área de trabalho que são destinos de arrastar para
Windows. Quando o usuário arrasta uma janela para uma zona, a janela é redimensionada e reposicionada para
preencher essa zona.
Introdução
Habilitar
Para começar a usar FancyZones o, você precisa habilitar o utilitário em PowerToys configurações e, em seguida,
invocar a FancyZones interface do usuário do editor.
Iniciar editor de zonas
inicie o editor de zonas usando o botão no PowerToys menu Configurações ou pressionando Win + ` ("back-
tick" ou "acento grave"; observe que esse atalho pode ser alterado na caixa de diálogo configurações).
Aplicativos de administrador de permissão elevada
Se você tiver aplicativos com privilégios elevados, execute no modo de administrador, leia PowerToys e execute
como administrador para obter mais informações.
O modelo de tela aditiva começa com um layout em branco e dá suporte à adição de zonas que podem ser
arrastadas e redimensionadas de forma semelhante ao Windows.
O layout da tela também tem suporte de teclado para edição de zona. Use as teclas de direção (para cima, para
baixo, para a esquerda, para a direita) para mover uma zona por 10 pixels ou para Ctrl + para mover uma zona
em 1 pixel. Use as + teclas deseta Shift para redimensionar uma zona por 10 pixels (5 por borda) ou Ctrl +
Shift + para redimensionar uma zona por 2 pixels (1 por borda). Para alternar entre o editor e a caixa de
diálogo, pressione as teclas Ctrl + Tab .
Alteração rápida entre layouts
Com um layout personalizado, esse layout pode ser configurado para uma tecla de atalho definida pelo usuário
para aplicá-la rapidamente à área de trabalho desejada. A tecla de atalho pode ser definida abrindo o menu
Editar do layout personalizado. Uma vez definido, o layout personalizado pode ser aplicado pressionando-se a
ligação do Win + Ctrl + ALT + [number] . O layout também pode ser aplicado pressionando a tecla de atalho
ao arrastar uma janela.
Na demonstração abaixo, começamos com um modelo padrão aplicado à tela e 2 layouts personalizados para
os quais atribuímos teclas de transferência. Em seguida, usamos a associação de " + + ALT + [number] do Win
para aplicar o primeiro layout personalizado e ajustar uma janela a ela. Por fim, aplicamos o segundo layout
personalizado ao arrastar uma janela e ajustar a janela a ela.
Ajustando uma janela a duas ou mais zonas
Se duas zonas estiverem adjacentes, uma janela poderá ser encaixada na soma de sua área (arredondada para o
retângulo mínimo que contém ambos). Quando o cursor do mouse está próximo da borda comum de duas
zonas, ambas as zonas são ativadas simultaneamente, permitindo que você descarte a janela em ambas as
zonas.
Também é possível se ajustar a qualquer número de zonas: primeiro, arraste a janela até que uma zona seja
ativada, pressione e mantenha pressionada a tecla Control enquanto arrasta a janela para selecionar várias
zonas.
Para ajustar uma janela a várias zonas usando apenas o teclado, primeiro marque as duas opções substituir
Windows teclas de aderência (Win + Seta) para mover entre zonas e mover as janelas com base
em sua posição . Depois de ajustar uma janela a uma zona, use Win + Ctrl + ALT + [Arrows] para expandir
a janela para várias zonas.
Teclas de Atalho
ATA L H O AÇÃO
FancyZonesnão substitui a Windows seta de 10 ⊞ do Win + Shift + para mover rapidamente uma janela para
um monitor adjacente.
Configurações
C O N F IGURA Ç Ã O DESC RIÇ Ã O
Configurar a tecla de atalho do editor de zona Para alterar a tecla de atalho padrão, clique na caixa de texto
e pressione a combinação de teclas desejada no teclado (não
é necessário selecionar ou excluir o texto)
Seguir o cursor do mouse em vez de se concentrar ao iniciar Quando marcada, o editor será iniciado no monitor onde
o editor em um ambiente de vários monitores está o cursor do mouse. Quando desmarcada, o editor será
iniciado no monitor em que a janela ativa atual é
Manter a tecla Shift pressionada para ativar zonas ao Alterna entre o modo de ajuste automático com a tecla
arrastar Shift (desabilitando o ajuste durante um arrastar) e o
modo de ajuste manual onde pressionar a tecla Shift durante
uma operação de arrastar habilita o ajuste
Usar um botão não primário do mouse para alternar a Clicar em um botão não primário do mouse alterna a
ativação da zona ativação de zonas
Mostrar zonas em todos os monitores ao arrastar uma Por padrão, FancyZones o mostra apenas as zonas
janela disponíveis no monitor atual. (Esse recurso pode ter um
impacto no desempenho quando marcado)
Permitir que as zonas abranjam entre monitores (todos os Permite tratar todos os monitores conectados como uma
monitores devem ter o mesmo ajuste de DPI) tela grande. Para funcionar corretamente, é necessário que
todos os monitores tenham o mesmo fator de escala de DPI
(pode haver efeitos inesperados ao usar monitores em
orientações diferentes)
Substituir as Windows teclas de aderência de ajuste (Win + Quando essa opção está marcada e FancyZones está em
Seta) para mover entre zonas execução, ela substitui duas Windows chaves de ajuste: ⊞
Win + Left e ⊞ Win + Right
Mover janelas com base em sua posição Permite usar setas de vitória ⊞ + para ajustar uma janela
com base em sua posição em relação ao layout da zona
Mover janelas entre zonas em todos os monitores Desmarcado: o ajuste com a seta do ⊞ Win + circula a janela
pelas zonas no monitor atual.
Marcado: circula a janela por todas as zonas em todos os
monitores
Manter as janelas em suas zonas quando a resolução da tela FancyZones redimensionará e reposicionará janelas nas
for alterada zonas em que estavam antes após uma alteração de
resolução de tela
Durante as alterações de layout de zona, o Windows FancyZones irá redimensionar e posicionar janelas no novo
atribuído a uma zona corresponderá ao novo layout de zona mantendo o local de número de zona
tamanho/posição anterior de cada janela
Mover as janelas recém-criadas para a última zona Mover automaticamente uma janela aberta recentemente
conhecida para a última localização de zona em que o aplicativo estava
Mover as janelas recém-criadas para o monitor ativo atual Quando essa opção estiver marcada e Mover janelas recém-
[experimental] criadas para a última zona conhecida estiver desmarcada ou
o aplicativo não tiver uma última zona conhecida, ele
manterá o aplicativo no monitor ativo atual
C O N F IGURA Ç Ã O DESC RIÇ Ã O
Restaurar o tamanho original das janelas ao desatar Desaquear uma janela restaurará seu tamanho como antes
de ser encaixada
Tornar a janela arrastada transparente Quando as zonas são ativadas, a janela que está sendo
arrastada fica transparente para melhorar a visibilidade das
zonas
Habilitar a opção de layout rápido Permite que as teclas de atalho mudem rapidamente os
layouts – consulte configurações de layout individuais
Zonas flash ao alternar o layout As zonas piscarão quando um layout for selecionado por
meio do atalho
Zone cor de realçada A cor de uma zona quando ela é o destino de soltar ativo
durante um arrastar de janela (padrão: #008CFF)
Zone Cor inativa A cor das zonas quando elas não são uma queda ativa
durante um arrastar de janela (padrão: #F5FCFF)
Zone cor da borda A cor da borda de zonas ativas e inativas (padrão: #FFFFFF)
Excluir aplicativos de ajuste para zonas Adicione o nome do aplicativo ou parte do nome, um por
linha (por exemplo, adicionar corresponderá a e ; para
corresponder apenas Notepad Notepad.exe adicionar a
Notepad++.exe Notepad.exe .exe extensão)
File Explorer Utilitário de complementos
05/10/2021 • 2 minutes to read
Visualize o painel
O Painel de Visualização é um recurso existente no que mostra uma versão prévia leve, rica e somente leitura do
conteúdo do arquivo no painel Windows File Explorer de leitura da exibição. PowerToys adiciona três extensões,
Markdown, SVG e PDF.
Em seguida, Windows File Explorer abra , selecione a guia Exibir na faixa de opções e selecione File Explorer
Visualizar Painel .
Image Resizer Utilitário
18/09/2021 • 2 minutes to read
Image Resizer é uma Windows extensão de shell para reespacoriação de imagem em massa. Depois de instalar
o , clique com o botão direito do mouse em um ou mais arquivos de imagem selecionados no e selecione
PowerToys File Explorer Resize pictures no menu.
Arrastar e soltar
Image Resizer também permite que você reize imagens arrastando e soltando os arquivos selecionados com o
botão direito do mouse . Isso permite que você salve rapidamente suas imagens resized em uma pasta
diferente.
Configurações
Dentro da PowerToys Image Resizer guia, você pode definir as configurações a seguir.
Tamanhos
Adicione novos tamanhos predefinidos. Cada tamanho pode ser configurado como Fill, Fit ou Stretch. A
dimensão a ser usada para re dimensionamento também pode ser configurada como Centímetros, Polegadas,
Porcentagem e Pixels.
Fill vs Fit vs Stretch
Preenchimento: Preenche todo o tamanho especificado com a imagem. Dimensiona a imagem
proporcionalmente. Esvae a imagem conforme necessário.
Ajustar : Ajusta toda a imagem ao tamanho especificado. Dimensiona a imagem proporcionalmente. Não
recorta a imagem.
Stretch: Preenche todo o tamanho especificado com a imagem. Alonga a imagem desproporcionalmente
conforme necessário. Não recorta a imagem.
NOTE
Se Ignorar a orientação das imagens estiver marcada, a largura e a altura do tamanho especificado poderão ser
trocadas para corresponder à orientação (retrato/paisagem) da imagem atual. Em outras palavras: se marcada, o menor
número (em largura/altura) nas configurações será aplicado à menor dimensão da imagem. Independentemente de isso
ser declarado como largura ou altura. A ideia é que fotos diferentes com diferentes orientações (como fotos de férias)
ainda terão o mesmo tamanho.
Codificação de fallback
O codificador de fallback é usado quando o arquivo não pode ser salvo em seu formato original. Por exemplo, o
formato de imagem Metafile (.wmf) tem um decodificador para ler a imagem, mas nenhum codificador para
Windows gravar uma nova imagem. Nesse caso, a imagem não pode ser salva em seu formato original. Image
Resizer permite que você especifique qual formato o codificador de fallback usará: configurações PNG, JPEG,
TIFF, BMP, GIF ou WMPhoto. Essa não é uma ferramenta de conversão de tipo de arquivo, mas funciona apenas
como um fallback para formatos de arquivo sem suporte.
Arquivo
O nome do arquivo da imagem resized pode ser modificado com os seguintes parâmetros:
PA RÂ M ET RO RESULTA DO
%3 Largura selecionada
%4 Altura selecionada
%5 Altura real
%6 Largura real
Por exemplo, definir o formato de nome de arquivo como: no arquivo e selecionar a configuração de tamanho
do arquivo %1 (%2) example.png Small resultaria no nome do arquivo example (Small).png . Definir o
formato como no arquivo e selecionar a %1_%4 example.jpg configuração de Medium 1366 x 768px tamanho
resultaria no nome do arquivo: example_768.jpg .
Você pode especificar um diretório no formato de nome de arquivo para agrupar imagens resized em subd
diretórios. Por exemplo, um valor de %2\%1 salvaria as imagens resized em Small\example.jpg
Você também pode optar por manter a data da última modificação original na imagem relizada.
Largura/altura automática
Você pode deixar a altura ou a largura vazia. Isso vai seguir a dimensão especificada e "bloquear" a outra
dimensão a um valor proporcional à taxa de proporção da imagem original.
Keyboard Manager Utilitário
23/09/2021 • 8 minutes to read
Você também pode trocar combinações de teclas de atalho. Por exemplo: a tecla de atalho Ctrl + C copiará o
texto Microsoft Word. Com PowerToys Keyboard Manager o utilitário , você pode trocar esse atalho por ⊞ Win +
C. Agora, ⊞ O Win + C copiará o texto. Se você não especificar um aplicativo de alvo no , a PowerToys Keyboard
Manager troca de atalhos será aplicada globalmente em Windows .
PowerToysKeyboard Managerdeve ser habilitado (com a execução em segundo plano) para que as PowerToys
teclas e atalhos remapped sejam aplicados. Se PowerToys não estiver em execução, o remapeamento de chave
não será mais aplicado.
NOTE
Há algumas teclas de atalho reservadas para o sistema operacional e não podem ser substituídas. As chaves que não
podem ser remapped incluem:
⊞ Win + L e Ctrl + Alt + Del não podem ser remapped, pois são reservados pelo Windows sistema operacional.
A chave Fn (função) não pode ser remapped (na maioria dos casos). As teclas ~ F1 F12 (e F13 ~ F24) podem ser
mapeadas.
Pausar enviará apenas um único evento keydown. Portanto, mapeá-lo em relação à chave de backspace, por
exemplo, e pressionar e segurar excluirá apenas um único caractere.
Configurações
Para criar mapeamentos com Keyboard Manager , você precisará abrir o PowerToys Configurações. Dentro
PowerToys Configurações, na Keyboard Manager guia , você verá opções para:
Iniciar a janela de configurações Remapear Chaves pressionando Remapear uma chave
Iniciar a janela de configurações Remapear Atalhos pressionando Remapear um atalho
Remapear chaves
Para remapear uma chave, alterando-a para um novo valor, iniciar a janela Remapa de configurações do teclado
com o botão Remapear uma Chave. Quando lançado pela primeira vez, nenhum mapeamento predefinido
será exibido. Você deve selecionar o + botão para adicionar um novo remapa.
Depois que uma nova linha de remapa for exibida, selecione a chave de entrada cuja saída você deseja alterar na
coluna "Chave". Selecione o novo valor de chave a ser atribuído na coluna "Mapeado para".
Por exemplo, se você quiser pressionar A e B aparecer:
C H AVE: M A P EA DO PA RA :
A B
Para trocar posições de chave entre as chaves A e B, adicione outro remapeamento com:
C H AVE: M A P EA DO PA RA :
B A
C H AVE: M A P EA DO PA RA :
Ctrl ⊞ Win + ←
NOTE
O remapeamento de chave será mantido mesmo que a chave remapeada seja usada dentro de outro atalho. A ordem do
keypress é importante nesse cenário, pois a ação é executada durante o keydown, não o keyup. Por exemplo, pressionar
Ctrl + C resultaria em ⊞ Win + left arrow + C . Pressionar a tecla Ctrl primeiro executará ⊞ Win +
left arrow . Pressionar a tecla C primeiro executará C + ⊞ Win + left arrow .
Remapear atalhos
Para remapear uma combinação de teclas de atalho, como Ctrl + C,pressione Remapear um atalho para
iniciar a janela De novo mapa de configurações de atalhos.
Quando lançado pela primeira vez, nenhum mapeamento predefinido será exibido. Você deve selecionar o +
botão para adicionar um novo remapa.
Depois que uma nova linha de remapa for exibida, selecione as chaves de entrada cuja saída você deseja alterar
na coluna "Atalho". Selecione o novo valor de atalho a ser atribuído na coluna "Mapeado para".
Por exemplo, o atalho Ctrl + C copia o texto selecionado. Para remapear os atalhos para usar a tecla Alt,
em vez da tecla Ctrl:
ATA L H O : M A P EA DO PA RA :
Alt + C Ctrl + C
Há algumas regras a seguir ao remapear atalhos (essas regras se aplicam apenas à coluna "Atalho"):
Os atalhos devem começar com uma tecla modificadora: Ctrl, Shift, Altou ⊞ Win
Os atalhos devem terminar com uma tecla de ação (todas as chaves não modificadora): A, B, C, 1, 2, 3 etc.
Os atalhos não podem ter mais de 3 teclas
Remapear um atalho para uma única chave
É possível remapear um atalho (combinação de teclas) para uma única tecla pressionando selecionando o botão
Remapear um atalho no PowerToys Configurações.
Por exemplo, para substituir o atalho ⊞ Win← (seta para a esquerda) por uma única tecla, + pressione Alt:
ATA L H O : M A P EA DO PA RA :
⊞ Win + ← Alt
NOTE
O remapeamento de atalho será mantido mesmo se a tecla remapeada for usada dentro de outro atalho. A ordem do
keypress é importante nesse cenário, pois a ação é executada durante o keydown, não o keyup. Por exemplo, pressionar ⊞
Win + ← + Shift resultaria em Alt + Shift .
A P L IC AT IVO N O M E DO P RO C ESSO
OneNote onenote.exe
Outlook outlook.exe
Teams Teams.exe
Excel excel.exe
A P L IC AT IVO N O M E DO P RO C ESSO
Word winword.exe
PowerPoint powerpnt.exe
Chaves órfãs
Órfão de uma chave significa que você a mapeou para outra chave e não tem mais nada mapeado para ela.
Por exemplo, se a chave for remapped de para , uma tecla não existirá mais no teclado A B que resulta em A
. Para garantir que isso não aconteça por acidente, um aviso será exibido para todas as chaves órfãs. Para
corrigir isso, use + para criar outra chave mapeada mapeada para resultar em A .
Perguntas frequentes
Eu remapped as chaves erradas, como posso parar isso rapidamente?
Para que o remapeamento de chave funcione, PowerToys deve estar em execução em segundo plano e deve ser
Keyboard Manager habilitado. Para interromper as chaves remapped, feche PowerToys ou desabilite o Keyboard
Manger nas PowerToys configurações.
Posso usar Keyboard Manager na tela de logoff?
Não, só está disponível quando está em execução e não funciona em nenhuma tela Keyboard Manager
PowerToys de senha, incluindo enquanto Executar como Administrador.
Preciso reiniciar meu computador ou PowerToys para que o remapeamento entre em vigor?
Não, o remapeamento deve ocorrer imediatamente após pressionar OK.
Onde estão os perfis do Mac/Linux?
No momento, os perfis do Mac e do Linux não estão incluídos.
Isso funcionará em jogos de vídeo?
Depende de como o jogo acessa suas chaves. Determinadas APIs de teclado não funcionam com Keyboard
Manager .
O remapeamento funcionará se eu alterar meu idioma de entrada?
Sim, ele fará isso. Agora, se você remapear A para B no teclado inglês (EUA) e, em seguida, alterar a
configuração de idioma para francês, digitar A no teclado francês (Q no teclado físico inglês dos EUA) resultará
em , isso é consistente com como o trata a entrada B Windows multilíngue.
Solução de problemas
Se você tentou remapear uma tecla ou atalho e está tendo problemas, pode ser um dos seguintes problemas:
Executar como administrador : O remapeamento não funcionará em um aplicativo ou janela se essa
janela estiver em execução no modo de administrador (com privilégios elevados) e não estiver em
execução PowerToys como administrador. Tente executar PowerToys como administrador.
Não interceptando chaves: O Keyboard Manger intercepta ganchos de teclado para remapear suas
chaves. Alguns aplicativos que também fazem isso podem interferir no Keyboard Manager . Para corrigir
isso, vá para as configurações e desabilite e reabilitar Keyboard Manager .
Problemas conhecidos
Indicador de luz de caps não está sendo agregação corretamente
Os remapas não estão funcionando para o FancyZones e Guia de Atalhos
Remapear chaves como Win, Ctrl, Alt ou Shift pode quebrar gestos e alguns botões especiais
Consulte a lista de problemas abertos do gerenciador de teclado.
PowerRename utilitários
20/09/2021 • 6 minutes to read
Demonstração
Nesta demonstração, todas as instâncias do nome de arquivo " Pampalona " são substituídas por "Pamplona".
Como todos os arquivos são nomeados exclusivamente, isso levaria muito tempo para ser concluído
manualmente um por um. PowerRename habilita uma única renomeação em massa. Observe que o comando
"desfazer renomear" do Gerenciador (Ctrl + Z) habilita a capacidade de desfazer a última alteração.
PowerRename AdicionarMenu
depois de selecionar alguns arquivos Windows File Explorer , clicar com o botão direito do mouse e selecionar
PowerRename (que será exibido somente quando habilitado no PowerToys), a PowerRename janela será
exibida. O número de itens que você selecionou será exibido, juntamente com os valores de Pesquisar e
substituir, uma lista de opções e uma janela de visualização que exibe os resultados da pesquisa e os valores de
substituição que você inseriu.
Procurar
Insira texto ou uma expressão regular para localizar os arquivos em sua seleção que contêm os critérios
correspondentes à sua entrada. Você verá os itens correspondentes na janela de Visualização .
Substitua por
Insira o texto para substituir a pesquisa pelo valor inserido anteriormente que corresponde aos arquivos
selecionados. Você pode exibir o nome do arquivo original e o arquivo renomeado na janela de Visualização .
Opções-usar expressões regulares
Se marcada, o valor de pesquisa será interpretado como uma expressão regular ( regex ). O valor de replace
também pode conter regex variáveis (veja os exemplos abaixo). Se não estiver marcada, o valor de pesquisa será
interpretado como texto sem formatação a ser substituído pelo texto no campo substituir.
Para obter mais informações sobre a opção usar a biblioteca de aumento no menu configurações para
funcionalidades estendidas regex , consulte a seção expressões regulares.
Opções-diferencia maiúsculas de minúsculas
Se marcada, o texto especificado no campo de pesquisa só corresponderá ao texto nos itens se o texto for o
mesmo caso. A correspondência de maiúsculas e minúsculas não será diferenciada (não reconhecendo uma
diferença entre letras maiúsculas e minúsculas) por padrão.
Opções – corresponder todas as ocorrências
Se marcada, todas as correspondências de texto no campo de pesquisa serão substituídas pelo texto de
substituição. Caso contrário, somente a primeira instância da pesquisa de texto no nome do arquivo será
substituída (da esquerda para a direita).
Por exemplo, dado o nome do arquivo: powertoys-powerrename.txt :
Pesquisar por: power
Renomear com: super
O valor do arquivo renomeado resultaria em:
Corresponder todas as ocorrências (desmarcadas): supertoys-powerrename.txt
Corresponder todas as ocorrências (marcadas): supertoys-superrename.txt
Opções-excluir arquivos
Os arquivos não serão incluídos na operação.
Opções-excluir pastas
As pastas não serão incluídas na operação.
Opções-excluir itens de subpasta
Os itens dentro das pastas não serão incluídos na operação. Por padrão, todos os itens de subpastas são
incluídos.
Opções – enumerar itens
Acrescenta um sufixo numérico aos nomes de arquivo que foram modificados na operação. Por exemplo:
foo.jpg → foo (1).jpg
$DD Dia do mês como dígitos com zeros à esquerda para dias de
dígito único.
Expressões regulares
Para a maioria dos casos de uso, uma pesquisa simples e uma substituição são suficientes. No entanto, pode
haver ocasiões em que as tarefas de renomeação complicadas exigem mais controle. As expressões regulares
podem ajudar.
Expressões regulares definem um padrão de pesquisa para texto. Eles podem ser usados para pesquisar, editar e
manipular texto. O padrão definido pela expressão regular pode corresponder uma vez, várias vezes ou não
para uma determinada cadeia de caracteres. PowerRename usa a gramática ECMAScript , que é comum entre
linguagens de programação modernas.
Para habilitar expressões regulares, marque a caixa de seleção usar expressões regulares .
Obser vação: Provavelmente, você desejará verificar a correspondência de todas as ocorrências ao usar
expressões regulares.
Para usar a biblioteca Boost em vez da biblioteca padrão, marque a opção Usar a biblioteca Boost nas
PowerToys configurações. Ele habilita recursos estendidos, como lookbehind,que não têm suporte na biblioteca
padrão.
Exemplos de expressões regulares
Exemplos de correspondência simples
PowerToys Run é um launcher rápido para usuários avançados que contém alguns recursos adicionais sem
sacrificar o desempenho. Ele é de software livre e é modular para outros plugins.
Para usar PowerToys Run , selecione Espaço Alt + e comece a digitar! (observe que esse atalho pode ser
alterado na janela de configurações)
Requisitos
Windows 10 versão 1903 ou superior
Após a instalação, PowerToys deve ser habilitado e executado em segundo plano para que esse utilitário
funcione
Recursos
PowerToys Run os recursos incluem:
Pesquisar aplicativos, pastas ou arquivos
Pesquisar processos em execução (anteriormente conhecido como WindowWalker )
Botões clicáveis com atalhos de teclado (como Abrir como administrador ou Abrir pasta que contém)
Invocar o plug-in do Shell > usando (por exemplo, > Shell:startup abrirá a pasta Windows de
inicialização)
Fazer um cálculo simples usando a calculadora
Configurações
As opções Executar a seguir estão disponíveis no PowerToys menu de configurações.
C O N F IGURA Ç Õ ES AÇÃO
Abra PowerToys Run Definir o atalho de teclado para abrir/ocultar PowerToys Run
Ignorar atalhos no modo de tela inteira Quando estiver em tela inteira (F11), Executar não será
envolvido com o atalho
Limpar a consulta anterior na iniciação Quando lançado, as pesquisas anteriores não serão
realçadas
Atalhos do teclado
ATA L H O S AÇÃO
Ctrl + Shift + E Abra a pasta que contém no File Explorer (aplicável somente
a aplicativos e arquivos)
Teclas de ação
Essas frases de ativação padrão serão forçadas PowerToys Run apenas em plug-ins direcionados.
Comandos do sistema
PowerToys Run habilita um conjunto de ações no nível do sistema que podem ser executadas.
C H AVE DE A Ç Ã O AÇÃO
Gerenciador de plug-ins
O PowerToys Run menu de configurações inclui um gerenciador de plug-ins que permite habilitar/desabilitar os
vários plug-ins disponíveis. Ao selecionar e expandir as seções, você pode personalizar as frases de ativação
usadas por cada plug-in. Além disso, você pode selecionar se um plug-in aparece em resultados globais, bem
como definir opções de plug-in adicionais quando disponível.
Parâmetros do programa
O PowerToys Run plug-in do programa permite que os argumentos do programa sejam adicionados ao iniciar
um aplicativo. Os argumentos do programa devem seguir o formato esperado, conforme definido pela interface
de linha de comando do programa.
Por exemplo, ao iniciar Visual Studio Code, você pode especificar a pasta a ser aberta com:
Visual Studio Code -- C:\myFolder
Visual Studio Code também dá suporte a um conjunto de parâmetrosde linha de comando , que podem ser
utilizados com seus argumentos correspondentes no para, por exemplo, exibir a diferença PowerToys Run entre
arquivos:
Visual Studio Code -d C:\foo.txt C:\bar.txt
Se a opção "Incluir no resultado global" do plug-in do programa não estiver selecionada, inclua a frase de
ativação, por padrão, para invocar o comportamento . do plug-in:
.Visual Studio Code -- C:\myFolder
Monitorar posicionamento
Se vários monitores estão em uso, o pode ser lançado no monitor desejado configurando o comportamento de
lançamento apropriado no PowerToys Run menu Configurações aplicativo. As opções estão sendo abertas em:
Monitor primário
Monitorar com o cursor do mouse
Monitorar com janela focalizada
Windows Configurações de pesquisa
Se o Windows plug-in de pesquisa não estiver definido para abranger todas as unidades, você receberá o
seguinte aviso:
Você pode desativar o aviso nas opções do PowerToys Run Gerenciador de plug-ins para Windows pesquisa ou
selecionar o aviso para expandir quais unidades estão sendo indexadas. Depois de selecionar o aviso, o
Windows menu de opções de 10 configurações "pesquisa Windows " será aberto.
Problemas conhecidos
Para obter uma lista de todos os problemas e sugestões conhecidos, consulte os PowerToys problemas do
repositório de produtos em github.
Attribution
Wox
Janela do Tadele da versão beta
Windows guia de atalho de tecla
05/10/2021 • 2 minutes to read
Este guia usa PowerToys para exibir atalhos de teclado comuns que usam a Windows tecla .
Uso
Abra o guia de atalho com a combinação de teclas de atalho: ⊞ Win + ? (isso pode exigir o uso da tecla Shift) ou
manter o ⊞ Win para o tempo definido no Configurações. Uma sobreposição será exibida mostrando atalhos de
teclado que usam a Windows chave, incluindo:
atalhos Windows comuns
atalhos para alterar a posição da janela ativa
Atalhos da barra de tarefas
Atalhos de teclado usando Windows a tecla ⊞ O Win pode ser usado enquanto o guia é exibido. O resultado
desses atalhos ( janela ativa movida, alterações de comportamento de atalho de seta etc.) será exibido no guia.
Pressionar a combinação de teclas de atalho novamente descartará a sobreposição.
Tocar na Windows tecla exibirá o Windows menu Iniciar.
IMPORTANT
O aplicativo deve estar em execução e Guia de Atalhos deve ser habilitado nas PowerToys PowerToys configurações para
que esse recurso seja usado.
Configurações
Essas configurações podem ser editadas no PowerToys Configurações:
C O N F IGURA Ç Ã O DESC RIÇ Ã O
Duração da pressão Tempo (em milissegundos) para conter a tecla Win ⊞ para
abrir Guia de Atalhos
IMPORTANT
Esse é um recurso de versão prévia e está incluído apenas na versão de pré-lançamento do PowerToys . A execução desta
pré-versão requer Windows a versão 10 1903 (build 18362) ou posterior.
Desligue rapidamente o microfone (áudio) e desligue a câmera (vídeo) com um único botão de tecla durante
uma chamada de conferência, independentemente de qual aplicativo tenha o foco em seu computador.
Uso
Os atalhos padrão a usar Video Conference Mute são:
⊞ Win + N para alternar áudio e vídeo ao mesmo tempo
⊞ Win + Shift + Um para alternar o microfone
⊞ Win + Shift + O para alternar vídeo
Ao usar o microfone e/ou teclas de atalho de alternância da câmera, você verá uma pequena barra de
ferramentas que permite que você saiba se o Microfone e a Câmera estão definidos como ligado, desligado ou
não em uso. Você pode definir a posição dessa barra de ferramentas na Video Conference Mute guia de
PowerToys configurações.
Configurações
A Video Conference Mute guia nas PowerToys configurações fornece as seguintes opções:
Imagem de sobreposição da câmera Selecione uma imagem para que será usada como um
espaço reservado quando a câmera estiver desligada. Por
padrão, uma tela preta será exibida quando a câmera estiver
desligada com esse utilitário.
Mostrar barra de ferramentas em Selecione se você prefere que a barra de ferramentas seja
exibida somente no monitor principal (padrão) ou em todos
os monitores
Ocultar barra de ferramentas quando a câmera e o Uma caixa de seleção está disponível para alternar essa
microfone não sãomutados opção
Você também pode criar um vazio PowerToysVideoConferenceVerbose.flag no mesmo diretório para habilitar o
modo de log detalhado no driver.
Problemas conhecidos
Para exibir todos os problemas conhecidos atualmente abertos no utilitário, consulte acompanhamento de
problemas Video Conference Mute PowerToys #6246 no GitHub. A equipe de desenvolvimento e a comunidade
colaboradora estão trabalhando ativamente para resolver esses problemas e planejam manter o utilitário em
pré-lançamento até que os problemas PowerToys essenciais sejam resolvidos.