sublime

Tutoriais

Instalação e configuração do Sublime Text 2

5 mar , 2014  

Hoje vamos mostrar o Sublime Text 2, um poderoso editor que vem ganhando mercado. Muitos vem adotando esse programa para o desenvolvimento ágil.

É um programa que você pode adicionar vários pacotes que auxiliam em determinadas áreas, como FTP, CSS, LESS, PHP e muito outros recursos, além de você editar também o tema que esta utilizando.

Primeiramente vamos acessar esse link

Faça o download e instale em sua maquina.

Vamos as configurações iniciais:

Intalando o Package Control.

Pressione no seu teclado:

 Ctrl + '

Aparece uma caixa de texto, da seguinte forma:

1

Cole o seguinte conteúdo:

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Espere carregar, normalmente há um status na barra inferior com o andamento da instalação:

1-1

Reinicie o Sublime Text.

Agora podemos instalar os pacotes e temas da seguinte forma:

Ctrl + Shift + P

Ou pelo menu:

2

Agora na caixa que aparece:

3

Você digita:

Install Package

Fique observando o status:

3-1

Carrega uma lista de pacotes e temas que você pode selecionar ou digitar, como exemplo vamos utilizar o ‘Emmet’:

4

Irá aparecer dois status, primeiro instalando e segundo que esta concluido:

5

6

Reinicie o Sublime Text.

Você pode ver os pacotes instalados:

7

E os temas disponíveis:

8

Outro ponto interessante e útil é a Sidebar, que é uma barra lateral que fica no Sublime Text, assim você consegue gerenciar melhor seus projetos e grupos. Para habilitar essa barra:

9

Pronto:

9-1

Agora você pode ter vários projetos abertos que fica com o nome de ‘Folder’ e também grupos, que libera a opção de abrir várias paginas com abas no seu Sublime Text.

Pressione no seu teclado:

Ctrl + Shift + algum numero do seu teclado entre (1-9)

Pode perceber que abriu a quantidade de grupos que você selecionou. Agora você organiza onde cada arquivo fica.

Outro ponto interessante é quando você cria um arquivo novo, você precisa definir qual linguagem você esta trabalhando. Basta selecionar na barra inferior:

10

Como exemplo, vamos utilizar o HTML5.

Basta você escrever na linha de comando, dentro do arquivo:

html5

E agora, pressione no seu teclado:

Tab

Pronto, o programa monta o HTML:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>

</body>
</html>

Os pontos principais para você começar a trabalhar com o Sublime esta nesse tutorial. Segue uma pequena lista de pacotes que você pode baixar para facilitar o seu desenvolvimento:

– Less
– Jquery
– phpcs
– colorpicker
– html5
– prefixr

E alguns links que facilitam a sua pesquisa pelo Sublime Text:

Sublime Package Control
Google

Por hoje é só.
Espero que esse tutorial tenha ajudado vocês.
Dúvidas, comente abaixo.
Abraço.

, , , , , , , , , , , ,


Comments are closed.