Brackets, um IDE para desenvolvimento web que promete

nadando por Google Plus Me deparei com um aplicativo chamado Suportes, que o descreve no site oficial como um editor OpenSource (licença MIT) para web design e desenvolvimento de tecnologias web como HTML, CSS e JavaScript.

O projeto foi criado e é mantido pelo nosso querido amigo Adobe. Atualmente está em uma versão experimental. Entre as características que se destacam Suportes entre outros editores, como Texto Sublime o Anchova para citar exemplos são:

Edição rápida de CSS e JavaScript

Ao editar o documento HTML, podemos usar o atalho CTRL + E para acessar o CSS da propriedade que estamos editando no momento e modificá-lo à vontade.

edição rápida

Visualización ao vivo de mudanças em arquivos CSS em nosso navegador

Esse recurso é o mais marcante e o que mais gostei. Podemos ver as alterações que fazemos no CSS automaticamente no navegador enquanto o editamos, nada para atualizá-lo o tempo todo 😀.

No momento, apenas suporta Chrome y crômio. Deixo-vos um vídeo do canal oficial em inglês com mais informações e que mostra a funcionalidade de visualização ao vivo (min 2:18):

Instalação de colchetes no Ubuntu 13.04 e derivados

Você pode baixar o .deb de clique aqui Para instalá-lo podemos usar GDebi, QAPT ou no terminal.

Para 32 bits:

dpkg -i brackets-sprint-28-LINUX32.deb

Para 64 bits:

dpkg -i brackets-sprint-28-LINUX64.deb

Quando o instalei, a primeira coisa que me aconteceu foi que ele não estava funcionando, esse erro apareceria ao executá-lo através do terminal:

libudev.so.0: cannot open shared object file: No such file or directory

Eu pesquisei e ele resolve digitando no terminal:

sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

e assunto resolvido 😀.

O segundo "erro" é que Brackets não abriu o Chromium para a exibição do arquivo HTML (com o Google Chrome não deveria dar esse erro), na página oficial na seção de perguntas frequentes achei uma maneira de corrigir isso muito comando semelhante (criando um link simbólico):

sudo ln -s /usr/bin/chromium-browser /usr/bin/google-chrome

Agora se tudo deve estar funcionando 100%. Felicidades !!.


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   elav. dito

    Que interessante. Agora estou diminuindo isso.

    O fato de usar Chrome / Chromium, e de também atualizar automaticamente enquanto editamos o CSS, me faz pensar no Stylus, que também funciona com Node.js, que usa o motor JavaScript V8 do Chrome.

    Sem dúvida uma excelente ferramenta. Eu vou te dizer quando eu tentar.

    1.    nano dito

      Deixe-me revisar, tenho vários projetos em andamento e posso testá-lo em diferentes circunstâncias ...

    2.    frk7z dito

      Bem elav, você pode fazer o mesmo com Sublime usando o plug-in LiveReload, também emmet junto com Stylus, Jade e café, deixando um console para auto-compilar toda vez que você salvar um arquivo .styl ou .jade. É o que estou fazendo, ah e com o módulo de caneta «nib» é uma maquete muito melhor.

      Além do mais, dê uma olhada no LiveStyle de emmet (livestyle.emmet.io), se você ainda não viu, talvez goste. Felicidades

  2.   Fernando dito

    Também existe o Bluegriffon, um editor web gratuito para Linux e Windows, que suporta tudo isso e muito mais.

    1.    elav. dito

      O Bluegriffon realmente tem todos esses recursos? Lembro que uma vez que tentei, meu guarda-chuva travou quando tive que pagar por um complemento ou algo parecido.

  3.   Alberto dito

    Melhor usar o Bluefish ... ele pode ser programado para quase qualquer idioma, tudo em uma integração completa ...

    Bluefish é um software editor de HTML POSIX de plataforma cruzada com licença GPL, o que o torna um software livre.

    O Bluefish é voltado para web designers e programadores experientes e se concentra na edição dinâmica e interativa de páginas. É capaz de reconhecer várias linguagens de programação e marcação.

    O Bluefish roda em muitos dos sistemas operacionais compatíveis com POSIX (Portable Operating System Interface), como Linux, FreeBSD, MacOS-X, OpenBSD, Solaris e Tru64.

    Ele usa principalmente as bibliotecas GTK e C posix. A última versão que funcionou com GTK 1.0 ou 1.2 é a 0.7. A versão atual requer pelo menos GTK versão 2.0 (ou superior), libpcre 3.0 (ou superior), libaspell 0.50 ou superior (opcional) para verificação ortográfica e gnome-vfs (opcional) para arquivos remotos.

    É importante notar que o programa não faz parte oficialmente do projeto Gnome, mas é freqüentemente usado em tal ambiente.

    Os usuários também podem acessar recursos online, como servidores FTP ou diretórios WebDAV, de forma transparente por meio do Gnome VFS, uma camada de abstração do sistema de arquivos.

    O nome e logomarca da Bluefish (peixe azul) foi proposto por Neil Millar, que o sugeriu à equipe de trabalho e imediatamente os cativou. Bluefish é um animal (peixe) que se move em vários cardumes e perto da costa. É evidente que seu nome clama por integração e compartilhamento, ideais do software livre.

    Bluefish tem recursos como velocidade, capacidade de abrir vários arquivos simultaneamente, suporte a multiprojetos, suporte para arquivos remotos via gnome-vfs, marcação de sintaxe personalizável baseada em expressões regulares compatíveis com Perl, suporte para subpadrões e padrões predefinidos (para HTML, PHP , Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave / Matlab), diálogos para tags HTML, assistentes para fácil criação de documentos, criação de tabelas, frames (frames), suporte para vários codificações, trabalhar com diferentes conjuntos de caracteres, numeração de linha, menus suspensos, barras de ferramentas configuráveis, diálogo para inserir imagens, localizador de referência de função, integração personalizável com vários programas (make, javac, etc), destaque de sintaxe (C, Java, JavaScript, Python, Perl, ColdFusion, Pascal, R e Octave), traduções completas em aproximadamente vinte e duas linguagens entre eles os: português brasileiro, búlgaro, chinês, dinamarquês, finlandês, francês, alemão, húngaro, italiano, norueguês, polonês, português, espanhol, sueco, japonês e tâmil.

    Wikipedia ...

    1.    elav. dito

      Tentei BlueFish. É verdade que é muito bom, mas não sei, está faltando alguma coisa. No momento estou testando no Arch e com o KDE o scroll não funciona para mim, tenho que agarrar o botão de scroll da barra para poder descer. Melhorou muito no autocompletar de código, mas como disse inicialmente, está faltando alguma coisa.

      1.    eliotime3000 dito

        Por exemplo, um visualizador de página da web.

    2.    nano dito

      É bom, sim, mas a verdade é que fico em editores com uma comunidade por trás, o Bluefish pode ter seus desenvolvedores e toda a história, mas o que me faz usar o Sublime, por exemplo, é o simples fato de ter uma quantidade enorme de plugins e recursos disponíveis, é um marcador e suas ferramentas padrão deixam você atordoado.

      Isso mudaria sublime? Sim, apenas para VIM xD

      1.    Raurodse dito

        Mas isso é sublime para o Linux?

        1.    elav. dito

          Así.

  4.   Anibal dito

    Sou do kubuntu 13.04, me dá o erro libudev, fiz o link simbólico e continua o mesmo 🙁

    Para consertar (pelo menos o meu é de 64 bits), esta é a linha correta:

    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    1.    Guilherme Limones Pozos dito

      Excelente observação, obrigado 😀

  5.   equiman dito

    Não sei, não estou muito convencido ... mas ainda não sei.

    A ideia de ser livre deste programa da Adobe é gratuito e aberto ao futuro para sempre ... ou como as outras técnicas da Adobe para torná-lo gratuito para que possamos testá-lo gratuitamente e quando quiserem levá-lo para a nível profissional abandonam a parte gratuita?

  6.   nano dito

    Em relação aos Brackets, deixo para vocês uma comparação muito interessante com o Sublime, feita por um desenvolvedor front-end muito habilidoso.

    Enfim, vale a pena ler: Colchetes vs Texto Sublime

    Aproveite 😉

  7.   gabriel dito

    se alguem souber de c ++ isso ajuda porque graças a comunidade esta para linux.

  8.   elav. dito

    No Debian Wheezy, ele não pode ser executado, porque precisa de uma versão superior do GLIBC que a que você tem.

  9.   Joana dito

    Ooh, já existe uma versão para Linux há muito tempo (há alguns meses) que percebi a existência desse IDE não havia versão para Linux e fiquei com vontade de usá-lo mas agora que existe uma versão para Linux, e de acordo com o elav, não. Ele roda no Wheezy e é a distro que eu tenho 🙁 haha, muita sorte mas não vou tentar um dia porque se tiver boas características

  10.   Bruno cascio dito

    Estou em desenvolvimento web há 3 anos e minhas experiências são:

    1º texto sublime
    2º NetBeans
    3º eclipse

    Os outros são puros m… ..

    Eu geralmente uso o Sublime, pois tem um grande número de plugins (um deles TWIG que eu uso muito). Se o que você está procurando é o preenchimento automático, não há nada como Eclipse ou netbeans.

    Saudações!

  11.   xrz-30 dito

    No meu caso, o erro foi:
    usr / lib / brackets / Brackets: erro ao carregar bibliotecas compartilhadas: libudev.so. 0: não é possível abrir o arquivo de objeto compartilhado: Nenhum arquivo ou diretório.

    E resolvi escolhendo o diretório correspondente à minha arquitetura (Anibal também comenta) para quem instalar a versão 64-bit deve escolher o diretório x86_64-linux-gnu em vez de i386-linux-gnu, sendo o seguinte:

    Para 32 bits:
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    Para 64 bits:
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    Tudo que você faz é criar um link simbólico de libudev.so.1 no mesmo diretório com o nome de libudev.so.0

  12.   xrz-30 dito

    Não sabia que tinha saído uma versão para Linux, há alguns meses experimentei com vinho, mas não foi uma experiência agradável. Aberto para agradecer a comunidade que apoiou a criação da versão para o nosso querido smoking

    Conforme você comenta, ele não pode ser executado no meu caso, a mensagem de erro foi:
    usr / lib / brackets / Brackets: erro ao carregar bibliotecas compartilhadas: libudev.so. 0: não é possível abrir o arquivo de objeto compartilhado: Nenhum arquivo ou diretório.

    E resolvi escolhendo o diretório correspondente à minha arquitetura (Anibal também comenta) para quem instalar a versão 64-bit deve escolher o diretório x86_64-linux-gnu em vez de i386-linux-gnu, sendo o seguinte:

    Para 32 bits:
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    Para 64 bits:
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    Tudo que você faz é criar um link simbólico de libudev.so.1 no mesmo diretório com o nome de libudev.so.0

  13.   Raul dito

    Tenho um pequeno problema com colchetes. Diz que devo ativar a depuração remota no Chrome e, em seguida, surge a pergunta "Deseja reiniciar o Chrome e ativar a depuração remota?" e um botão [Reiniciar Chrome]. Mas eu dou e não faz nada, nem reinicia, nem habilita.

    1.    Raul dito

      Esqueci, tenho Ubuntu 13.04 64bits. e a versão Brackets é 29

      1.    irvandoval dito

        Feche o Chrome e deixe os colchetes executá-lo 🙂, pelo menos funcionou para mim
        saudações!

        1.    Raul dito

          Sim, já fiz assim, mas nada. : S

  14.   Ameaçar dito

    Oi, obrigado pelo seu conselho. Eu tenho o mesmo problema, mas essa correção que você disse não funciona para mim no Debian Wheezy, você poderia me ajudar com isso, obrigado

  15.   vidagnu dito

    Excelente IDE, para usuários do Slackware, deixo o procedimento para instalá-lo:

    http://vidagnu.blogspot.com/2014/02/como-instalar-brackets-en-slacwkare.html

  16.   Sérgio Antonio Trujillo dito

    Obrigado pela contribuição instalei no manjaro e não rodou no navegador, mas graças ao link simbólico consegui consertar.

  17.   metalheadb93 dito

    sua solução não funciona
    o programa ainda não inicia

  18.   Carlos dito

    Olá! Não consigo instalar suportes no Huayra Linux, como faço? se pode?

  19.   canório dito

    Baixei do site oficial e instalei com as instruções que este site nos dá, o erro apareceu e a solução que eles nos deram não funcionou para mim.

    A maneira que consegui instalar e usar corretamente e sem problemas foi adicionando o repositório através do console e instalando-o através dele.

    sudo add-apt-repository ppa: webupd8team / brackets
    sudo apt-get update
    sudo apt-get install colchetes

    Tenho Kubuntu 15.04 com plasma KDE 5 😉