Sublime text editor de código

As vantagens de usar um editor simples e potente como Sublime text.

Qual o seu editor de texto favorito? Ao longo dos anos eu particularmente fui mudando com o tempo, já usei o Dreamweaver e logo depois o Notpad++, mas depois de ver muitos programadores utilizar aquela tela preta e cores fortes eu fui pesquisar e saber de qual editor se tratava e foi quando conheci o Sublime text.

O Sublime é um editor de texto bastante simples e com algumas funções adicionais muito interessantes, eu gostava do Notpad++ pelo mesmo motivo “simplicidade”.

Eu sou muito adepto de ferramentas que facilitam o nossos dias e tornam nosso trabalho muito mais eficiente. Muito já se falou sobre o Dreamweaver que é uma ferramenta que facilita a criação e tudo mais, só que, quando eu fui fazer meus primeiros códigos eu tive algumas influências de programadores mais experientes que diziam que o Dreamweaver adicionava muito código desnecessário e deixava os arquivos muito pesados, além desse motivo uma das grandes dicas para quem está começando a fazer seus primeiros códigos é fazer tudo na mão mesmo tag por tag e letra por letra, isso é muito importante no começo. Eu segui essas dicas e foi realmente mais fácil para aprender e fixar os códigos.

Hoje em dia eu uso o Sublime text  e creio que a maioria dos programadores também utilizam, ele é um programa gratuito, apesar de aparecer algumas vezes uma janela pedindo para comprar o programa isso não atrapalha, é só ignorar e fechar a janela. Se você utiliza o dreamweaver ou qualquer outro não tem nenhum problema, é questão de se acostumar mesmo e se adaptar com a ferramenta que você sente mais confortável.

Nesse tutorial vamos fazer a instalação do Sublime text e adicionar alguns plugins para facilitar nossa vida, vamos lá?

Instalação e configurações do Sublime text

Para fazer o Download do Sublime text clique aqui. Geralmente o site já disponibiliza a versão para sua plataforma, mas de uma conferida se é realmente para o sistema operacional que você está usando.

Depois de fazer a instalação que é muito tranquila, vamos adicionar algumas funções adicionais para poder aproveitar algumas de suas vantagens.

Para fazer as instalações de alguns plugins vamos instalar um pacote de controle que nos permite fazer isso. Acesse o site wbond  para pegar o código de instalação. Veja a imagem abaixo.

sublime-text-criar-sites-pacote

Clique em Install Now para visualizar o código que vamos utilizar, se você já tem um Sublime instalado verifique a versão do código para não dar zica.

Copie o código como na imagem abaixo e vamos lá para o Sublime fazer a instalação do pacote.

sublime-text-criar-sites

Já no Sublime text clique em View + Show Console como na imagem abaixo.

sublime-text-instalar

Vai aparecer a caixa onde vamos colar o código que pegamos la no site, cole o código e aperte Enter, a instalação vai começar e vamos para os próximos passos.

sublime-text-instalar-2

Instalação de plugins ao Sublime text

Depois de fazer a instalação do pacote de instalação vamos começar a instalar alguns plugins interessantes, um deles é o emmet que já nos da algumas funções bem legais de trabalhar.

Clique em command+shift+p ou control+shift+p e vai aparecer essa janela de instalação, digite install e clique na opção Package Control: Install package.

sublime-text-instalar-3

Vai aparecer outra janela onde vamos digitar o nome do plugin que desejamos instalar, no caso vamos digitar emmet e vai aparecer a opção do plugin, clique no primeiro que aparecer escrito somente emmet.

sublime-text-instalar-4

Esse plugin é uma mão na roda e nos da algumas funções bem bacanas, você pode dar uma olhada na documentação do plugin clicando aqui.

Veja nas animações a seguir algumas de suas funções na prática. A primeira é a função do Doctype html5, você digita html:5 e em seguida tab e veja a mágica. Ele já escreve todo o corpo do html.

doctype

Outra bacana é a Lorem, eu costumo utilizar o Mussum ipsum para preencher conteúdo, mas para evitar de ir ao site do Lorem veja como é simples preencher um parágrafo.

Basta escrever lorem mais tap e o plugin já gera o nsso famoso Lorem ipsum, é uma pena que não é o Mussum ipsum 🙂 .

lorem

Muito bacana não é? Eu decidi colocar aqui explicando um pouco mais sobre o Sublime text para nos ajudar a dar continuidade a nossa série de posts sobre Bootstrap como prometido, siga os mesmos passos de instalação e instale o plugin Bootstrap que nos vamos utilizar ele mais para frente.

O plugin para Sublime text do bootstrap já da algumas tags formadas que vai ser bem interessante na hora de criar nosso código.

E você? também usa o Sublime? qual é seu editor de código favorito? Conte sua experiência ai nos comentários, e se tiver alguma dúvida poste ai embaixo que agente quebra a cabeça juntos aqui.

Espero que você tenha gostado. Se gostou lá no topo da página tem as estrelinhas para a avaliação, deixe sua nota e me ajude a destacar meu trabalho. 😉

Grande abraço!

Leave a Reply

2 comments

  1. Vitor

    Eu também! Usei e uso muito o sublime, porém agora estou migrando para o PHP storm, muito bom tbm!

  2. gustavo

    legal! valeu pela dica.

Pin It on Pinterest

Shares

Compartilhe!

Mostre esse post para seus amigos.