2012-11-03 6 views
18

Sto usando JetBrains PhpStorm, che è probabilmente l'IDE più epico che abbia mai usato.Come aggiungere il supporto per la sintassi di Compass a Jetbrains PhpStorm?

La domanda è semplice. Come posso aggiungere il supporto per la sintassi di Compass ad esso? L'ho installato, restituisce e funziona, ma PhpStorm si lamenta ancora delle importazioni e dei mixaggi non definiti.

Come posso risolvere questo? È possibile includere Compass come libreria esterna?


Edit: Vorrei solo sottolineare che this feature request è per l'IDE RubyMine (anche da JetBrains), non è per PhpStorm/WebStorm.

+1

http://youtrack.jetbrains.com/issue/RUBY-8299 Immagino che – LazyOne

+0

@LazyOne: Non pensateci, è elencato sotto il progetto Ruby, non sotto quello di WebStorm/PhpStorm. –

+1

Se questa è l'unica ragione, allora hai torto, temo. Qualsiasi problema relativo a JavaScript o distribuzione (S/FTP/S) o HTML o controllo ortografico ecc in RubyMine verrà trasferito al progetto PhpStorm in quanto è la sede di tali problemi. Allo stesso tempo, il progetto Ruby è la casa dei problemi SASS/SCSS/LESS/HAML. Devi tenere a mente che Compass è costruito su SASS, e il supporto SASS/SCSS in PhpStorm viene eseguito tramite plugin (il che è vero per quasi tutte le funzionalità). Pertanto è il problema corretto da seguire. – LazyOne

risposta

19

È la spiegazione della risposta di Martin. Il collegamento simbolico alla directory gemma nella tua cartella sass funziona alla grande.

Instruction (Windows)

  1. cmd aperto con privilegi di amministratore
  2. cambiamento percorso della cartella sass progetto, ad esempio cd projectname\sass
  3. run mklink /d compass $GEM_LOCATION\frameworks\compass\stylesheets\compass, per quanto mi riguarda $ GEM_LOCATION = C:\dev\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2

Questo è tutto, ora PhpStorm non evidenzierà come errori gli attributi di bussola e li aggiungerà nei suggerimenti di completamento automatico.

Avviso: Se si desidera eliminare il collegamento simbolico creato NON utilizzare Elimina, rimuoverà la directory di origine. cmd aperto con privilegi di amministratore, cd $yourProjectSassPath, ed eseguire rmdir compass

+0

Grazie. CMD dice che il link simbolico è stato creato, ma non vedo nessun nuovo file lì quando viene aperto con explorer, e PhpStorm continua a non riconoscerli. –

+0

Dopo aver rimosso la barra dietro la 'bussola', ha funzionato. Grazie mille :) –

+1

Aggiunti bussole e aurora stylesheet di stile come symlniks, non l'ho fatto –

3

L'ho risolto inserendo un collegamento simbolico della directory compass (da $GEM_LOCATION/frameworks/compass/stylesheets/compass) nella cartella in cui risiede il mio foglio di stile. È più di una soluzione alternativa, ma rende felici me e il phpstorm-inspections/-autocompletion.

+1

Che cos'è un collegamento simbolico? Nota Sto utilizzando Windows. –

+0

@MadaraUchiha: Non ha funzionato per me, potresti approfondire il processo? –

+1

quando si installa la bussola, tutti i suoi file .scss vengono installati in qualche posizione, probabilmente a seconda di dove risiede l'installazione di ruby ​​(è possibile utilizzare il comando 'gem environment' per trovare il percorso, cercare' DIRECTORY INSTALLAZIONE'. , dovrebbe essere qualcosa come '.../Ruby192/lib/ruby ​​/ gems/1.9.1'). All'interno di questa directory troverai la bussola-gemma, che a sua volta contiene la directory menzionata sopra. –

3

Penso che sia meglio per aggiungere la directory nelle impostazioni di directory: http://www.jetbrains.com/phpstorm/webhelp/directories.html

Nel precedente esempio, aggiungere una nuova radice contenuto di C: \ dev \ Ruby200 \ lib \ ruby ​​\ gemme \ 2.0.0 \ gemme \ bussola-0.12.2.

+0

L'aggiunta della cartella corretta non è buona come la soluzione di collegamento simbolico perché non è possibile l'ambito di controllo dei file sorgente della bussola molto bene Con i collegamenti simbolici sai esattamente quello che stai ricevendo. – JoshuaDavid

9

Come menzionato sopra, funziona anche per aggiungere il percorso ai fogli di stile Compass come directory delle risorse nel progetto.

Per esempio, i miei fogli di stile bussola Si trova in: C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets

  1. Andare su Impostazioni> Impostazioni progetto> Rubriche.
  2. Aggiungi una radice contenuti
  3. Aggiungere la directory bussola fogli di stile
  4. Fare clic su 'Resource Root' (l'icona blu)

Quando si applica vedrete che PhpStorm trova i fogli di stile bussola senza problemi.Puoi anche ctrl + clic (Windows) su di essi per aprirli direttamente.

Buona fortuna!

+1

+1 Funziona, ma nel mio caso: 3. aggiungi ".../framewo rks/compass "come root dei contenuti 4.Seleziona la cartella 'stylesheets' nella vista ad albero. 5. Fai clic su "root delle risorse" (l'icona blu) –

+0

Hai salvato la mia giornata, grazie. –

+0

Sicuramente la soluzione migliore. Però non ho funzionato aggiungendo semplicemente la directory 'stylesheets' in Ruby 2.0.3 su Linux, ma ho dovuto includere la directory padre' compass-core-1.0.3'. – chrBrd

2

Questo è più facilmente risolto utilizzando una fonte migliore per l'eseguibile.

Da: http://youtrack.jetbrains.com/issue/WEB-9139

In Windows, utilizzare un percorso dell'eseguibile come:

C:\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2\bin\compass 

Mentre sul Mac usare qualcosa di simile:

/Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/bin/compass