Stylus
GoLand を使うと、 Stylus コードをその場で CSS に変換できます。
始める前に
お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。
JetBrains マーケットプレイスからプラグインをインストールする説明に従って、 設定 | プラグイン ページの マーケットプレース タブに Stylus プラグインをインストールして有効にします。
設定で File Watchers プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 を選択します。 インストール済み タブをクリックします。 検索フィールドに File Watchers と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。
Stylus をインストールする
組み込み ターミナル (Alt+F12) で次のように入力します。
npm install --global stylusStylus オフィシャル Web サイト(英語)の詳細を参照してください。
Stylus コードをコンパイルする
コードを自動的にコンパイルするには、コンパイラーをインストールし、ファイルへの変更を追跡してコンパイラーを実行する Stylus File Watcher を構成する必要があります。
ファイルを開くと、GoLand は現在のプロジェクトで該当するファイルウォッチャーが利用可能かを確認します。 そのようなファイルウォッチャーが設定されているが無効の場合、GoLand は構成済みのファイルウォッチャーについて通知し、有効化を提案するポップアップを表示します。
現在のプロジェクトで該当するファイルウォッチャーが構成され有効化されている場合、GoLand は New Watcher ダイアログで指定されたイベントが発生すると自動的にコンパイラーを起動します。
編集したファイルを自動保存してウォッチャーをトリガーする チェックボックスが選択されている場合、ソースウォッチに変更が加えられるとすぐに File Watcher が呼び出されます。
編集したファイルを自動保存してウォッチャーをトリガーする チェックボックスがオフの場合、保存時（、 Ctrl+S ）または GoLand からフォーカスを移動したとき（フレームの非アクティブ化時）にファイルウォッチャーが開始されます。
詳しくは File Watchers をご覧ください。
GoLand は生成した出力で別のファイルを作成します。 このファイルは、ソース Stylus ファイルの名前と拡張子 .css を持ちます。 生成したファイルの場所は、 リフレッシュする出力パス フィールドがある 新規ウォッチャーダイアログで定義されています。 ただし、 プロジェクトツリー では、それらはノードとして表示されるソースファイルの下に表示されます。
File Watcher を作成する
設定 ダイアログ（Ctrl+Alt+S ）で、 ツール の File Watchers をクリックします。 開く File Watchers ページには、構成済みのファイルウォッチャーのリストが表示されます。
をクリックするか、 Alt+Insert を押して、リストから Stylus 定義済みテンプレートを選択します。プログラム フィールドで、実行可能ファイルへのパスを指定します。
macOS および Unix 用の stylus 。
Windows 用の stylus.bat 。
パスを手動で入力するか、
をクリックして、開いたダイアログでファイルの場所を選択します。File Watchers に記載されている手順に従ってください。
構文ハイライトを構成する
Stylus 対応の構文ハイライトは、環境設定や慣習に合わせて設定できます。
設定 ダイアログ（Ctrl+Alt+S ）で に移動します。
カラースキームを選択するか、デフォルトから継承されたハイライト設定を受け入れるか、 色とフォント で説明されているようにカスタマイズします。
コードスタイルを設定する
Ctrl+Alt+S を押して設定を開き、 を選択します。
コントロールを使用して、Stylus ファイルのコードスタイルを構成します。