« Voltar
em html carreira frontend

Embarcando no mundo front end: configurando meu ambiente.

Como eu postei, resolvi entrar de cabeça e aprender front end de verdade.

A primeira coisa que eu faço quando vou aprender algo novo é baixar as ferramentas, configurar ambiente e tudo mais.

Mas pera!
Preciso configurar ambiente pra desenvolver pra escrever código html, css e javascript?

Não!

Tudo que eu preciso por enquanto é: um editor de texto qualquer e um navegador pra executar o código que eu escrever (:

Bom, como eu uso Windows eu poderia escrever todo o código no bloco de notas né?
É, ahm...poderia.

Mas existem tantos editores de texto legais que ajudam a gente na produtividade hoje em dia que, sinceramente, prefiro deixar esse meu lado masoquista de lado e usar um deles.

(Lembrando que não estou aqui querendo dizer o que é melhor/pior, mas apenas relatando minha experiência e como estou fazendo as coisas)

Existem opções populares como Sublime Text e Brackets. Sendo bem sincero, não estou nem um pouco afim de ficar pesquisando sobre as funcionalidades de cada um ou qual é melhor, vantagens e desvantagens e etc.
Então, usarei o editor que estou acostumado a usar no meu dia-a-dia e gosto bastante: o Notepad++.

Não sei se é melhor ou pior que os outros, mas não estou me preocupando com isso agora. Afinal, é só uma ferramenta, certo?
Se eu tiver vontade, experimento outro mais pra frente e se achar melhor eu simplesmente troco (:

Dando uma pesquisada rápida, vi que pra usar o Notepad++ com esse fim é legal instalar alguns plugins nele.

Pra instalar um plugin, você abre ele e vai em Plugins > Plugin Manager > Show Plugin Manager:

Aí, é só escolher o plugin que você quer e mandar instalar:

Os que eu instalei foram:

Autosave

Bom, esse plugin serve pra...salvar seus arquivos automaticamente.

Que bom né?!
Imagina só se com esse nome ele fizesse outra coisa.

Multiclip

Quando estamos escrevendo código, copiamos e colamos texto o tempo todo, certo? Certo!
Copia um trecho de código pra lá, outro pra cá, joga a variável pra cima, pra baixo, etc.

E quem nunca deu um ctrl+c e quando foi dar o ctrl+v sem querer deu ctrl+c de novo e perdeu o que ia colar, hein?
Esse plugin serve pra salvar tipo um "histórico" do que você copia:

Essa barra aí do lado esquerdo faz parte desse plugin. Mas ela não é mostrada o tempo todo, você pode apertar um atalho pra ela aparecer só quando você precisar.

Explorer

É normal a gente trabalhar com vários arquivos abertos, certo?
O Explorer basicamente permite que você navegue no seu sistema de arquivos dentro do Notepad++:

Emmet

Bem, instalei esse plugin porque dei uma pesquisada rápida e disseram que ele é essencial pra quem quer desenvolver pra Web no Notepad++.

Sendo bem sincero, ainda não pesquisei muito sobre as funcionalidades dele, mas parece que ele tem uns atalhos bem interessantes! Vamos ver (:

Conhece mais plugins bacanas pro Notepad++? Me recomenda aí!


Quer ganhar 15% de desconto pra gastar na Casa do Código e ainda ficar em dia com as minhas postagem e outras promoções e sorteios legais? Assina minha newsletter: http://gabsferreira.com/newsletter/ (:

Se quiser, curta minha página no Face também! O endereço é https://www.facebook.com/devgabsferreira

comments powered by Disqus