WebStorm のさまざまな構成の紹介 (写真)-webstorm-php.cn

WebStorm のさまざまな構成の紹介 (写真)

不言

リリース： 2018-09-29 14:48:26

転載

10851 人が閲覧しました

この記事の内容はWebStormの各種設定方法(画像)ですので、困っている方は参考にしていただければ幸いです。

1. テーマの色

テーマの設定

方法: [ファイル] -> [設定] -> [外観] -> [テーマ]

##webstorm-setting-02.jpg

カラー設定

方法: ファイル -> 設定 -> エディター -> [色とフォント] -> [スキーム] (

注: Sublime text3 から移行した友人で、Monokia のカラーマッチングを好む場合は、この記事「Webstorm Getting Started 1-Theme and Color Matching」を参照してください)

#webstorm-setting-04.jpg
2. 複数のプロジェクトを開く

WebStorm は一度に 1 つのプロジェクトしか開くことができません。デフォルトではこれは非常に面倒ですが、実際には設定できます。 (

注: プロジェクトを最初からビルドして構成する場合は、左側に表示されているルートパスを必ず削除してください。削除しないと、[コンテンツルート構成の追加] をクリックしても有効にならない可能性があります。

)

方法: [ファイル] -> [設定] -> [ディレクトリ] -> [コンテンツルートの追加] に現在のプロジェクトディレクトリを追加します。

webstorm-setting-01.jpg
3. 他のユーザーによるアクセスを容易にするために、Web サーバーオプション (ポート)

を設定します。 ip デバイス (携帯電話での効果のテストなど)

方法: ファイル -> 設定 -> ビルド、実行、開発 -> ポート

# #webstorm-setting-05.jpg

4. ファイルのデフォルトのエンコーディングを設定します。
#方法: [ファイル] -> [設定] -> [ファイルエンコーディング] - > IDE エンコーディング、プロジェクトエンコーディング。

(

注: このページは構成の前後に開くことができます。エンコーディングはページの右下隅に表示されます。以下のスクリーンショットの右下隅)

webstorm-setting-06.jpg

5. ショートカットキーの設定

デフォルトのショートカットキー構成を使用することも、独自のスタイル構成に従って選択することもできます。 eclipse や myeclipse での開発に慣れている人は、eclipse のショートカットキーを設定できます。

方法: ファイル -> 設定 -> キーマップ -> キーマップ

##webstorm-setting-07# #6. Emmet の設定、構文など

上で述べたように、ショートカットキーについて言及しており、Webstorm には emmet プラグインが付属しています。 Zen コーディングを使用したことがある人なら、emmet が Zen コーディングのアップグレードバージョンであることを知っているはずです。もちろん、Webstorm はすべての emmet 構文をサポートしているわけではありませんが、十分です。具体的な状況を確認するには、この記事「Emmet サポートの有効化」を参照してください。

以下に示すように、ブラウザの製造元のプレフィックスが CSS に自動的に追加されていることがわかります。