Como integrar o pré-processamento de CSS no Eclipse? [fechadas]


111

Gostaria de editar arquivos SCSS no Eclipse, de preferência com destaque de sintaxe para .scssarquivos.

Achei estes recursos valiosos:

Como posso integrar o desenvolvimento SCSS no editor Eclipse?

Ou, de forma mais geral, como faço para integrar um pré-processador CSS no Eclipse?


Respostas:


297

Acabei de descobrir como fazer isso no Eclipse. Admito que esta solução não tem suporte 100% SASS, as cores ficam um pouco esquisitas ao usar css aninhado, mas é muuuuito melhor do que olhar em texto simples e você não precisa instalar um editor separado.

Você precisa associar o tipo de arquivo .scss ao Editor CSS Eclipse nativo no Eclipse [Parte 1]. Depois de fazer isso, você precisa adicionar o tipo de arquivo .scss ao Editor CSS nativo para que o Editor CSS seja capaz de abri-lo [Parte 2]. Aqui estão as etapas para o eclipse (estou executando o Eclipse Java EE IDE para desenvolvedores da Web, Indigo):

Parte 1 - Associe o tipo de arquivo .scss ao Editor CSS Eclipse nativo

  1. Vamos para Window > Preferences

  2. Detalhar General > Editors > File Associations

  3. No painel Associações de arquivo, clique no botão "Adicionar ..." no canto superior direito.

  4. Para File Type:, insira *.scsse clique em OK.

  5. Encontre a *.scssentrada na File Associationslista e selecione-a.

  6. Após selecionar *.scss, no painel inferior Associated editors:, clique no Add...botão.

  7. Certifique-se de que Internal editorsestá selecionado na parte superior, localize e selecione CSS Editore clique em OK.

Isso associa o tipo de arquivo .scss ao editor CSS nativo do Eclipses. Agora temos que configurar o editor CSS nativo para suportar arquivos .scss. Para fazer isso, siga estas etapas:

Parte 2 - Adicione o tipo de arquivo .scss ao Editor CSS nativo

  1. Vamos para Window > Preferences

  2. Detalhar General > Content Types

  3. No painel Tipos de conteúdo, expanda Texte selecioneCSS

  4. Depois de CSSselecionado, no File associations:painel inferior , clique no Add...botão.

  5. Para Content type:, insira *.scsse clique em OK.

  6. Clique OKpara fechar a janela Preferências.

Tudo feito. Tudo que você precisa fazer agora é fechar todos os arquivos .scss que você abriu e, em seguida, reabri-los e quais são as cores css no Eclipse para arquivos .scss!

Nota: Se as cores CSS não aparecem você pode ter que fazer o seguinte: Right click the .scss file > Open With > CSS Editor.

Espero que isto ajude.


7
+1 por não instalar nenhuma ferramenta extra e usar o eclipse como está ... Outra opção poderia ser " colorer.sourceforge.net/eclipsecolorer "
spankmaster79

1
@ spankmaster79 eclipsecolorer suporta apenas arquivos sass (tryd hoje em junho)
mons droid

1
@mons mudou para PHPStorm, muito mais rápido, suporte muito melhor e compilação de eventos ao salvar no editor. Experimente
spankmaster79 de

1
eclipsecolorer não oferece suporte a scss. Ele suporta atrevimento. Existem diferenças.
mrbinky3000

2
Adicionando uma nota para: Clique com o botão direito do mouse no arquivo .scss> Abrir com> uso do Editor CSS> Outro ... clique em Editor CSS e marque "usar este editor para todos os arquivos 'style.scss' e marque 'Usar para todos' Arquivos * .scss.
ChrisB de

11

O Aptana Studio fornece suporte de coloração de sintaxe para SASS / SCSS e é possível instalar o Aptana como Plug-in no Eclipse. Veja a seguinte citação do site de download do Aptana:

Instalando via Eclipse

Copie o seguinte URL do site de atualização para sua área de transferência e siga as etapas listadas abaixo para adicionar este URL à sua lista de sites de software disponíveis. A tentativa de acessar este URL usando seu navegador da web retornará um erro de acesso negado.

http://download.aptana.com/studio3/plugin/install

  1. No menu Ajuda, selecione »Instalar novo software…« para abrir a caixa de diálogo Instalar novo software.
  2. Cole a URL do site de atualização na caixa de texto Trabalhar com e pressione a tecla Enter (ou Return).
  3. Na tabela preenchida abaixo, marque a caixa ao lado do nome do plug-in e clique no botão Avançar.
  4. Clique no botão Avançar para ir para a página de licença.
  5. Escolha a opção de aceitar os termos do contrato de licença e clique no botão Concluir.
  6. Você pode precisar reiniciar o Eclipse para continuar.

2
Esteja ciente de que o Aptana tem sua própria coloração temática. Se você está acostumado com um determinado tema de cores do Eclipse, prepare-se para abandoná-lo completamente se instalar o plug-in Aptana.
Sturm

Péssima ideia! Quebrou totalmente meus editores do Eclipse.
Branislav Lazic de

6

Você pode usar o último plug-in do Eclipse chamado "Colorer", que agora oferece suporte a arquivos SASS. Aqui está: http://colorer.sourceforge.net/eclipsecolorer/index.html

Abra "Instalar novo software" no menu "Ajuda" no Eclipse e digite " http://colorer.sf.net/eclipsecolorer " na caixa "Trabalhar com" para instalar o plug-in


Ele suporta preenchimento automático (isto é, ctrl + espaço)?
Fuzzo

Mostrando muitos erros! quase em todas as linhas
Saurabh Bayani

há um novo software disponível no Eclipse chamado "Liclipse" que funciona com a maioria dos langauges
Fadi Nouh
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.