Notepad++ é um editor
gratuito de código fonte
que suporta vários
linguagens de
programação.
Para ir à sua página oficial, cliqueAqui
É semelhante a um Bloco de Notas no sentido de que se pode editar texto
sem formato e de maneira simples. No entanto, inclui muitas opções
mais avançadas pensadas para dar funcionalidades realmente
interessantes para desenvolvedores e programadores.
Nesta guia, explicaremos quais são as funcionalidades básicas
que os programadores usam na hora de trabalhar em páginas
Teias.
Antes de tudo, devemos baixar a última versão do Notepad++ e instalá-lo em
nosso computador.
1) Aspecto visual de
Notepad++
A muitos programadores gostam de mudar a cor da tela,
é muito comum colocar uma tela preta por estética e porque dizem
que as cores escuras cansam menos a vista, portanto antes que
nada ajustar as cores porque é fácil que passemos muitas horas
diante desta janela.
Vamos à aba configuração/configuração do estilo e veremos a
próxima janela:
É possível configurar o color de forma mais específica a nível individual e
não a nível global do tema mas isso já cada um a seu gosto.
2) Plugin comparar de
Notepad++
Este plugin nos vai ajudar a comparar as diferenças de código
entre dois documentos.
É muito útil, por exemplo, quando você modifica um arquivo e depois de
tempo você volta a entrar e não sabe exatamente o que mudou ou em
que linha estava a mudança, pois com este plugin só terás que pegar
o documento original e o modificado, compará-lo e automaticamente
sairão as diferenças.
Você pode baixá-loAqui
Uma vez que foi baixado, descompactamos e observamos que há um
arquivo que se chama [Link] (em versões futuras este
o nome pode variar).
Agora abrimos a pasta C:\Program Files (x86)\Notepad++\plugins (a
o caminho depende de onde está instalado o nosso Notepad++ e copiamos
nosso arquivo [Link].
Já temos instalado, reiniciamos o programa Notepad++, agora
abrimos os dois arquivos que queremos comparar com o Notepad++ e
nos dirigimos à próxima guia:
Quando clicarmos na função "Comparar", compara os dois arquivos
e nos indicará as diferenças dos dois documentos como a
próxima imagem.
No documento à esquerda vemos que há um símbolo de (-),
quer dizer que tem um elemento a menos em relação ao documento de
a direita e se olharmos para o documento da direita veremos que
tem um símbolo de (+) o que quer dizer que tem um elemento
é mais que a linha que incluí.
Importante, dependendo da cor do tema, o plugin de comparar se
verá mais claro pela cor que utiliza, se não aparecer corretamente voltar a
definir como padrão.
3) Busca completa
dentro de uma pasta
Queremos buscar um identificador, uma classe, uma função, ou qualquer
palavra dentro de uma pasta com muitos arquivos, fazendo-o da mesma forma
bruto podemos passar um bom tempo passando por cada um dos
arquivos e fazendo uma busca em cada um deles, uma boa
notícia, isso acabou!, agora com este programa faremos
busca global onde nosso processador fará isso em muito pouco
tempo teremos os resultados da nossa busca.
Dentro do programa, pressionamos 'CTRL+F', isso abrirá uma janela
de busca, depois acessaremos dentro da aba "buscar em
arquivos", na opção pasta escolhemos a pasta onde desejamos
realizar a busca e no campo buscar a referência que tivermos
escolhido, no nosso exemplo buscaremos: id="facebook"
Quando clicarmos em "buscar tudo", todos os arquivos do seu
pasta que contém a referência que procuramos.
No nosso exemplo, só vimos um resultado:
4) Opção de autocompletar
Quando você programa, é sempre bom ter esta opção ativada, pois
enquanto você escreve alguma instrução, ele vai te dando as opções
disponíveis que existem como a seguinte imagem:
Esta opção costuma estar ativada por padrão, mas se não estiver
assim a ativamos em configurações/preferências/Auto-completar (o caminho
pode variar em versões posteriores).
5) Cierre automático de
etiquetas HTML
Para ter essa funcionalidade, teremos que instalar outro plugin, mas
agora o instalaremos de outra maneira, dentro do Notepad++ nós
dirigimos para a aba plugins/gerenciador de plugins/exibir gerenciador de plugins,
aqui nos aparecerá uma lista de plugins, devemos procurar por este “TextFX
Personagens” e o instalamos, em seguida o programa será reiniciado e em
na parte superior veremos que há uma nova aba chamada TextFX.
Entramos na nossa nova aba e pressionamos as duas opções da
imagen
Opção 1: Autoclose XHTML/XML <tag> –> Fecha as tags do
linguagem HTML como <div> ou <p> automaticamente.
[Brace –>Cierra os símbolos de parênteses, colchete e
chave automaticamente.
Para que funcione a opção 1, precisamos dizer ao nosso programa
em qual linguagem estamos programando (HTML) e fazemos isso desde
a aba de linguagem.
6) Indicação do fechamento de
etiquetas
Uma coisa que eu gosto neste programa por mais simples que pareça
é que te indica onde começa e onde termina uma etiqueta,
muitas vezes eu tive em um arquivo muitas etiquetas <div> e há um
momento que crias uma a mais e já está a confusão, tens que ir uma
por uma vendo qual é o que sobra e se estão fechadas no local que
toca.
Essa função já vem pré-determinada com o programa, não é necessário
instalar nada.
Na imagem vemos que ao clicar em uma etiqueta <div>
automaticamente a outra se seleciona, uma grande ajuda sem dúvida para
ter desordem ao programar e evitar falhas de
programação.
7) Codificação
Nesta aba podemos escolher a codificação que desejarmos, o que
quer dizer que a codificação é o processo onde a
a informação que temos se converte em certos símbolos com suas regras
propícias para finalmente ser visualizada, falando algo mais claro por
exemplo para o idioma Espanhol precisamos de uma codificação que
contenha os símbolos dos acentos e ñ, por isso devemos escolher a
codificação adequada, em nosso caso escolheríamos UTF-8.
8) Conexão FTP usando o
plugin NppFTP
Notepad ++ nos dá a opção de nos conectarmos por FTP ao nosso
servidor, obviamente não é tão potente quanto outros programas como
FileZilla, mas em alguns casos pode ser útil e rápido.
O plugin que usaremos é o NppFTPy, podemos encontrá-lo na barra
superior na aba plugins/NppFTP/Mostrar janela NppFTP
Depois aparecerá um painel, a primeira coisa que devemos fazer é criar
uma nova conexão, para isso pressionamos o botão de configurações
selecionamos Configurações do Perfil.
No novo painel que aparecerá, clicamos em 'Adicionar novo' e a
continuaremos introduzindo os dados correspondentes ao servidor que
desejamos nos conectar.
8) JSMin
Pode ser baixadoaqui
O plugin JSMin serve principalmente para minimizar arquivos js embora
também se podem minificar arquivos css com ele.
Usá-lo é realmente simples, só precisamos abrir um arquivo js ou css.
com notepad++ depois nós dirigimos a a aba
plugins/JSTool/JSMiny posteriormente veremos como nosso arquivo
se mostra comprimido depois de remover espaços em branco,
tabulações... do nosso documento.
Este programa está
realmente bem, interface muito
sencilla, rápido, gratuito e muito
funcional, eu o utilizo para
programar em HTML, mas eu acho
que para trabalhar em idiomas
como PHP ou Javascript
recomendaria algum programa
mais potente como
DreamWeaver ou Eclipse