Como baixar e instalar o Brackets.io, um editor de código aberto e moderno
Se você estiver procurando por um editor de código leve, porém poderoso, que entenda de web design, talvez queira experimentar , um projeto gratuito e de código aberto criado pela Adobe e mantido pela comunidade. Neste artigo, mostraremos como baixar e instalar o Brackets.io em seu computador e como começar a usá-lo em seus projetos de desenvolvimento web.
download bracket.io
O que é o Brackets.io e por que usá-lo?
Brackets.io é um editor de código focado no desenvolvimento web, especialmente HTML, CSS e JavaScript. Ele é escrito em JavaScript, HTML e o próprio CSS e usa tecnologias da web como Node.js e Electron. O Brackets.io é multiplataforma, o que significa que funciona nos sistemas operacionais Windows, Mac e Linux.
Recursos e benefícios do Brackets.io
Brackets.io tem muitos recursos que tornam fácil e agradável projetar no navegador. Algumas dessas características são:
Editores Inline: Em vez de pular entre as guias de arquivo, você pode abrir uma janela no código que mais lhe interessa. Por exemplo, você pode editar regras CSS ou funções JavaScript sem sair do arquivo HTML.
Visualização ao vivo: Você pode obter uma conexão em tempo real com seu navegador e ver as alterações feitas em seu código instantaneamente na tela. Você também pode usar o Chrome DevTools no Brackets.io para uma depuração mais avançada.
Suporte de pré-processador: Você pode trabalhar com pré-processadores como Sass, Less ou CoffeeScript de uma maneira totalmente nova. Brackets.io compila automaticamente seu código e mostra a saída. Você também pode usar a Edição rápida para editar o código do pré-processador embutido.
Código aberto: Brackets.io é um projeto de código aberto, apoiado por uma comunidade ativa e apaixonada. Você pode contribuir para o seu desenvolvimento, relatar bugs, solicitar recursos ou sugerir melhorias. Você também pode bifurcar o código e personalizá-lo ao seu gosto.
Extensibilidade: Você pode estender a funcionalidade do Brackets.io com centenas de extensões disponíveis em seu site. Você pode encontrar extensões para conclusão de código, realce de sintaxe, linting, formatação, depuração, teste e muito mais. Você também pode criar suas próprias extensões usando JavaScript.
Alternativas para Brackets.io
Se você não estiver satisfeito com o Brackets.io, ou quiser experimentar outros editores de código para desenvolvimento web, há muitas alternativas que você pode escolher. Alguns dos mais populares são:
: um editor de código aberto e gratuito desenvolvido pela Microsoft, com um grande ecossistema de extensões, temas e linguagens. Ele integrou ferramentas de depuração, suporte Git, emulação de terminal e muito mais.
: Um editor de texto proprietário com uma interface minimalista e um desempenho rápido. Possui uma poderosa paleta de comandos, vários cursores, edição dividida, modo livre de distrações e muito mais.
: Um editor de código aberto e gratuito desenvolvido pelo GitHub, com uma interface moderna e hackeável. Ele possui um gerenciador de pacotes integrado, preenchimento automático inteligente, navegador do sistema de arquivos, vários painéis e muito mais.
Como baixar o Brackets.io para o seu sistema operacional
Baixar Brackets.io é muito fácil e direto. Você só precisa visitar o site oficial e escolher a versão que corresponde ao seu sistema operacional. Aqui estão as etapas para cada sistema operacional:
Baixar Brackets.io para Windows
Vá para e clique no Baixar colchetes 1.14.2 botão.
Um arquivo chamado Brackets.Release.1.14.2.msi será baixado para o seu computador. Clique duas vezes nele para iniciar o processo de instalação.
Siga as instruções na tela para concluir a instalação. Pode ser necessário aceitar o contrato de licença e escolher o local de instalação.
Quando a instalação estiver concluída, você pode iniciar o Brackets.io no menu Iniciar ou no atalho da área de trabalho.
Baixar Brackets.io para Mac
Vá para e clique no Baixar colchetes 1.14.2 botão.
Um arquivo chamado Brackets.Release.1.14.2.dmg será baixado para o seu computador. Clique duas vezes nele para abri-lo.
Uma janela aparecerá com o ícone Brackets.io e um atalho para a pasta Aplicativos. Arraste e solte o ícone do Brackets.io na pasta Aplicativos para instalá-lo.
Depois que a instalação estiver concluída, você poderá iniciar o Brackets.io na pasta Aplicativos ou no Launchpad.
Baixar Brackets.io para Linux
Vá para e clique no Outros downloads link na parte inferior da página.
Você verá uma lista de diferentes versões do Brackets.io para Linux, como Debian, Ubuntu, Fedora, Red Hat, etc. Escolha aquela que se adapta à sua distribuição Linux e clique nela.
Um arquivo chamado Parênteses.Release.1.14.2.distribuição.arco.formatar, onde distribuição, arco, e formatar são variáveis que dependem de sua distribuição Linux, arquitetura e formato de pacote, serão baixadas para seu computador. Por exemplo, se você estiver usando o Ubuntu de 64 bits, obterá um arquivo chamado Brackets.Release.1.14.2.64-bit.deb.
Para instalar o Brackets.io, você precisa usar o comando apropriado para sua distribuição Linux e formato de pacote. Por exemplo, se você estiver usando o Ubuntu com um arquivo .deb, poderá usar o seguinte comando em um terminal:
$ sudo dpkg -i Brackets.Release.1.14.2.64-bit.deb
Pode ser necessário digitar sua senha e confirmar a instalação.
Depois que a instalação estiver concluída, você pode iniciar o Brackets.io no menu de aplicativos ou digitando $ colchetes em um terminal.
Como instalar o Brackets.io no seu computador
Se você baixou o Brackets.io para o seu sistema operacional, você já o instalou no seu computador seguindo as etapas anteriores.No entanto, se você deseja instalar o Brackets.io a partir de seu código-fonte ou se deseja atualizá-lo manualmente, siga estas etapas:
Instale o Brackets.io a partir do código-fonte
Para instalar o Brackets.io a partir de seu código-fonte, você precisa ter alguns pré-requisitos instalados em seu computador, como Git, Node.js, npm, Grunt e Python 2.x. Você pode encontrar mais detalhes sobre como instalar esses pré-requisitos no .
Depois de instalar esses pré-requisitos, você pode clonar o repositório do Brackets usando o Git:
$ git clone $ cd brackets $ git submodule update --init $ npm install $ grunt build $ grunt install
Isso fará o download da versão mais recente do código-fonte do Brackets, compilará e instalará no seu computador. Você pode executar colchetes na linha de comando digitando $ colchetes.
Atualizar Brackets.io manualmente
Se você deseja atualizar o Brackets.io manualmente, pode baixar a versão mais recente do site e instalá-la sobre a existente. Como alternativa, você pode usar o Git para extrair as alterações mais recentes do repositório Brackets e reconstruí-lo:
$ cd brackets $ git pull $ git submodule update $ npm install $ grunt build $ grunt install
Isso atualizará sua instalação do Brackets para a versão mais recente.
Como começar a usar Brackets.io para desenvolvimento Web
Agora que você instalou o Brackets.io no seu computador, pode começar a usá-lo para seus projetos de desenvolvimento web. Aqui estão algumas dicas sobre como usar Brackets.io de forma eficaz:
Abra um projeto ou arquivo em Brackets.io
Para abrir um projeto ou arquivo no Brackets.io, você pode usar o Arquivo menu ou atalhos de teclado. Você também pode arrastar e soltar uma pasta ou arquivo no ícone ou janela do Brackets. Brackets.io detectará automaticamente os arquivos e pastas em seu projeto e os exibirá na barra lateral. Você também pode usar o Abertura rápida recurso para procurar um arquivo por nome ou conteúdo.
Use os editores embutidos e os recursos de visualização ao vivo
Um dos recursos mais poderosos do Brackets.io é a capacidade de editar o código em linha e ver os resultados ao vivo em seu navegador. Para usar os editores embutidos, você pode colocar o cursor em uma regra CSS, um valor de cor, uma função JavaScript ou uma variável de pré-processador e pressionar Ctrl+E ou Cmd+E. Uma janela pop-up aparecerá com o código relevante que você pode editar sem sair do arquivo HTML. Para usar o recurso de visualização ao vivo, você pode clicar no botão Relâmpago ícone na barra de ferramentas ou pressione Ctrl+Alt+P ou Cmd+Alt+P. Isso iniciará seu navegador padrão e o conectará ao Brackets.io. Você verá as alterações feitas em seu código instantaneamente na tela. Você também pode usar o Chrome DevTools no Brackets.io para uma depuração mais avançada.
Personalize e estenda Brackets.io com extensões e temas
Você pode personalizar e estender o Brackets.io com centenas de extensões e temas disponíveis em seu site. Para instalar uma extensão ou tema, você pode usar o gerenciador de extensão, que você pode acessar a partir do Arquivo menu ou clicando no Bloco de Lego ícone na barra de ferramentas. Você pode navegar, pesquisar, instalar, atualizar e remover extensões e temas de lá. Você também pode criar suas próprias extensões usando JavaScript e compartilhá-las com a comunidade.
Conclusão e perguntas frequentes
Neste artigo, mostramos como baixar e instalar o Brackets.io, um editor de código aberto e moderno que entende de web design. Também demos algumas dicas sobre como usar o Brackets.io para seus projetos de desenvolvimento web. Esperamos que você tenha achado este artigo útil e informativo. Se você tiver alguma dúvida ou feedback, sinta-se à vontade para deixar um comentário abaixo.
Aqui estão algumas perguntas frequentes sobre o Brackets.io:
Pergunta
Responder
O Brackets.io é gratuito?
Sim, o Brackets.io é gratuito e de código aberto. Você pode baixá-lo em seu site ou na página do GitHub.
Quais idiomas o Brackets.io oferece suporte?
O Brackets.io oferece suporte a HTML, CSS, JavaScript e muitas outras linguagens da Web, como PHP, Ruby, Python etc. Ele também oferece suporte a pré-processadores como Sass, Less, CoffeeScript etc.
Como faço para atualizar o Brackets.io?
Você pode atualizar o Brackets.io automaticamente clicando no botão Engrenagem ícone na barra de ferramentas e escolhendo Verifique se há atualizações. Você também pode atualizá-lo manualmente baixando a versão mais recente do site ou da página do GitHub.
Como faço para desinstalar Brackets.io?
Para desinstalar o Brackets.io, você precisa excluir a pasta do seu computador. Dependendo do seu sistema operacional, você também pode precisar remover alguns arquivos adicionais ou entradas de registro. Você pode encontrar mais detalhes sobre como desinstalar o Brackets.io em seu site ou na página do GitHub.
Onde posso encontrar mais informações sobre Brackets.io?
Você pode encontrar mais informações sobre o Brackets.io em seu site, página do GitHub, blog, Twitter, YouTube ou Facebook. Você também pode participar do fórum da comunidade, do canal Slack ou da lista de e-mails.
0517a86e26
Comments