10 dicas essenciais de produtividade para o Visual Studio Code
O Visual Studio Code é facilmente o melhor editor de texto para programação. Para muitos, substituiu o Sublime Text como o seu editor de eleição. É uma aplicação JavaScript baseada em Electron, mas é extremamente rápida e não tem problemas de desempenho como muitas aplicações JavaScript têm.
De facto, para aqueles que possam estar curiosos, vale a pena notar que o Visual Studio Code é um software de código aberto e pode ser acedido através do seu repositório no GitHub. Para aumentar a sua eficiência e agilizar o seu processo de trabalho, seria benéfico familiarizar-se com várias características-chave deste poderoso editor de código.
Domine a paleta de comandos no VS Code
O Sublime Text e seu antecessor, o TextMate, possuem um utilitário intrigante conhecido como “paleta de comandos”. Esta ferramenta inovadora permite aos utilizadores executar rapidamente vários comandos através da introdução manual, eliminando a necessidade de uma navegação complicada através do cursor ou do rato.
A utilização da paleta de comandos permite um fluxo de trabalho mais eficiente ao navegar por várias tarefas no ambiente de programação. Ao utilizar o atalho de teclado Control \+ Shift \+ P ou Command \+ Shift \+ P, é possível aceder a uma extensa lista de acções disponíveis que estão categorizadas sob títulos como “Ficheiro”, “Git”, “Terminal”, entre outros. A funcionalidade da paleta permite que os utilizadores introduzam a ação pretendida escrevendo-a simplesmente, ao mesmo tempo que actualizam as opções apresentadas em tempo real. Isto simplifica o processo de procura e execução de funções específicas, aumentando a produtividade geral.
Definir uma pasta de projeto de trabalho
Ao clicar em “Explorer” na barra lateral de navegação, surge um novo painel. O referido painel é composto por duas secções distintas que podem ser acedidas clicando no menu de elipses e seleccionando “Abrir Editores”, ou tendo-o apresentado como uma opção. Estas secções são, nomeadamente, “Abrir Editores”, que denota a lista de ficheiros e documentos atualmente abertos, e “Nenhuma Pasta Aberta”. É esta última que nos interessa.
Ao clicar na opção “Abrir Pasta” da barra de menu ou navegando até ela através do menu Ficheiro, pode escolher qualquer diretório presente no seu sistema dentro do Visual Studio Code. A diretoria escolhida será então designada como o projeto de trabalho atual, garantindo uma acessibilidade perfeita a todos os seus ficheiros e subdirectórios constituintes sem necessidade de alternar frequentemente entre o explorador de ficheiros.
Ver vários ficheiros ao mesmo tempo
A maioria dos editores de texto contemporâneos tem a capacidade de tratar vários documentos em simultâneo, facilitando a navegação entre eles através de uma interface de utilizador com separadores. Alguns editores de texto altamente desenvolvidos oferecem ainda a opção de efetuar edição de texto paralela, uma comodidade que também está disponível no Visual Studio Code (embora funcione apenas verticalmente).
O VS Code destaca-se por proporcionar uma experiência de colaboração perfeita, mesmo quando trabalha com ecrãs mais pequenos, como os encontrados em computadores portáteis ou monitores mais antigos. Esta funcionalidade é particularmente útil para os utilizadores que necessitam de uma cooperação eficiente em tempo real enquanto navegam num espaço de visualização limitado.
Incorporando uma nova funcionalidade conhecida como “painéis dinâmicos”, a aplicação ajusta de forma inteligente a largura de um painel de documentos aberto caso as suas dimensões se tornem insuficientes para uma visualização confortável enquanto se concentra ativamente no referido documento. Esta melhoria intuitiva pode ser particularmente apelativa para os utilizadores que mantêm resoluções de ecrã próximas de 720p.
Editar várias linhas de uma só vez
Para manipular eficientemente várias ocorrências de conteúdo dentro de um documento, um método envolve a criação de vários ponteiros através do atalho de teclado de premir simultaneamente a tecla “Alt” (ou o seu equivalente, “Option”, para utilizadores de Mac). Ao clicar em vários locais dentro do texto, estes apontadores adicionais são gerados com cada toque, permitindo uma edição mais expedita ao manipular passagens extensas.
Esta técnica revela-se muito vantajosa quando se trata de situações que envolvem a aplicação da mesma classificação repetidamente, como em elementos HTML em que devem ser atribuídas várias instâncias de uma classe específica ou quando se modificam várias hiperligações para que fiquem em conformidade com uma estrutura específica. É essencial tornar-se proficiente neste método e aproveitar os seus benefícios.
Ir para a definição
Quando se depara com variáveis ou métodos desconhecidos durante a programação ou a criação de scripts, pode utilizar uma de duas opções convenientes. Em primeiro lugar, colocando o cursor sobre o referido elemento e premindo F12, o utilizador é instantaneamente direcionado para a sua definição correspondente. Em segundo lugar, ao selecionar a entidade pretendida através de atalhos de teclado, como manter premida a tecla Control (Windows) ou Command (Mac) enquanto clica, o utilizador será transportado para a definição em questão.
Em alternativa, pode utilizar o atalho de teclado conveniente de premir a tecla “Alt” mais o botão “F12” ou a tecla “Cmd” juntamente com a tecla “F12” num computador Mac para aceder à definição sem a ter aberta no documento original. Esta funcionalidade apresenta a definição diretamente por baixo da posição do cursor, para maior facilidade e eficiência.
Para efetuar uma pesquisa inversa de uma variável ou método selecionado, pode utilizar o atalho de teclado que consiste em premir “Shift \+ F12”. Esta ação apresentará todas as instâncias da entidade escolhida na base de código, incluindo as que aparecem na posição atual do cursor.
Para que estas funcionalidades sejam utilizadas eficazmente, é necessário estabelecer o diretório relevante como o projeto ativo atual (consulte a Sugestão #2 para obter mais orientações).
Renomear todas as ocorrências
A refacção é um componente crucial na criação e preservação de uma base de código bem organizada. No entanto, pode revelar-se uma tarefa desafiadora, particularmente quando se lida com módulos substanciais ou porções extensas de código. Para aliviar esse fardo, o Visual Studio Code oferece automação que simplifica até mesmo pequenas alterações, como reatribuir um rótulo ou atualizar um nome de função em vários arquivos.
Ao selecionar uma variável ou método e executar a combinação de teclas de função F2, é possível modificar o identificador, o que actualizará subsequentemente a referência a essa entidade em todas as instâncias do projeto de espaço de trabalho atualmente ativo.
Para modificar o texto apenas no presente documento, utilize a combinação de teclas Ctrl/Cmd \+ F2. Ao fazê-lo, o Visual Studio Code posicionará um cursor junto a cada instância em todo o ficheiro.
Pesquisar em muitos ficheiros
Quando se lida com ficheiros de código não-fonte e é necessária a identificação de frases ou palavras sem conhecimento da sua localização específica no projeto, é preciso reverter para a funcionalidade fundamental “Localizar” como alternativa às capacidades indisponíveis orientadas para símbolos discutidas anteriormente na Dica #5.
Manter premida a tecla “Ctrl” ou “Command” e premir “F” permite procurar um termo específico dentro do documento atual, enquanto que premir simultaneamente as teclas “Shift” e “Cmd” ou “Control” seguidas da letra “F” permite uma pesquisa extensiva em todo o corpo de trabalho englobado no projeto de trabalho atual, incluindo todos os subdirectórios aninhados.
Usar a linha de comando no código VS
O código VS fornece uma interface de terminal integrada que permite aos usuários acessar ferramentas de linha de comando e executar comandos em seus projetos. A aparência do terminal depende do sistema operativo do utilizador; no Windows, é apresentado como o Prompt de Comando, enquanto no macOS e no Linux, apresenta-se como um prompt Bash. Independentemente do sistema operativo, o terminal é iniciado no diretório do projeto de trabalho atual, desde que este exista, ou então a predefinição é a pasta pessoal do utilizador.
De facto, o Terminal foi concebido tendo em mente a versatilidade e a facilidade de utilização, permitindo aos utilizadores criar janelas de terminal virtual adicionais clicando no ícone ‘\+’ situado no canto superior direito da janela da aplicação. Em alternativa, é possível remover uma instância de terminal existente seleccionando o ícone do caixote do lixo junto à janela de terminal pretendida. Além disso, o menu pendente fornecido facilita a navegação entre diferentes sessões de terminal sem consumir uma área de visualização excessiva, ao contrário das interfaces com separadores que podem consumir um espaço considerável do ecrã.
Instalar um novo tema no código VS
De facto, o Visual Studio Code fornece aos utilizadores a capacidade de personalizar o realce de sintaxe do texto e do código-fonte através de vários temas. No entanto, esta capacidade não se estende à alteração da aparência da própria interface do utilizador. No entanto, ter um tema bem concebido para realce de sintaxe pode aumentar significativamente a eficiência de uma pessoa em tarefas de codificação.
Pode encontrar novos temas no VS Code Marketplace (são gratuitos), ou pode procurá-los diretamente no VS Code. Consulte a nossa lista dos melhores temas do VS Code, caso necessite de recomendações.
Instalar extensões de terceiros no VS Code
A última caraterística essencial a destacar é a extensibilidade do VS Code através de extensões de terceiros. Tal como acontece com os temas, pode encontrá-las no VS Code Marketplace (sim, estas também são gratuitas), ou pode procurá-las no VS Code. Acesse o painel Extensões com o atalho de teclado Ctrl \\+ Shift \\+ X (ou Shift \\+ Cmd \\+ X ).
As extensões servem como um meio vital para melhorar a eficiência de alguém no Visual Studio Code. Este repositório engloba uma série de ferramentas, tais como linters de código, depuradores, gestores de snippet, optimizações de desempenho para o ambiente de desenvolvimento integrado (IDE), ferramentas de construção e até mesmo determinados add-ons que aproveitam o ChatGPT para facilitar os processos de programação simplificados no VS Code.
O Visual Studio Code é o melhor editor de texto
Embora o VS Code tenha conquistado uma base de fãs significativa, a sua adequação a cada indivíduo continua a ser subjectiva e as soluções imperfeitas são inevitáveis. Também deve ser notado que o VS Code funciona principalmente como um editor de texto e não como um ambiente de desenvolvimento integrado (IDE).
Embora não possamos garantir a sua satisfação, encorajamo-lo a testar o nosso produto com uma perspetiva imparcial. As nossas características inovadoras podem ultrapassar as suas expectativas de uma forma positiva.