Webstromの基本的な使用

1731 ワード

Webstromの基本的な使用
1.1 webstromの紹介
WebStormはjetbrains社傘下のJavaScript開発ツールです.現在、多くの中国JS開発者から「Webフロントエンド開発神器」、「最も強力なHTML 5エディタ」、「最もスマートなJavaScript IDE」などと呼ばれている.IntelliJ IDEAと同様に、IntelliJ IDEAの強力なJS部分の機能を継承しています.その前に、まず次のwebstrom(ここでは2017-03-26リリースのバージョンを使用しています)
1.2 webstromのインストール
webstrom2017.1.2ダウンロードアドレス
Webstrom登録コードをダウンロードしたら、インストールをクリックします(注:インストールの部分は紹介しませんが、注意すべき点はありません)
1.3 webstromの使用
1.3.1 webstromでよく使われるショートカットキー
  • 自動注釈および取り消し注釈(行注釈/ブロック注釈):Ctrl+/またはCtrl+Shift+/
  • テキストCtrl+F
  • を検索
  • 置換テキストCtrl+R
  • コピー行:Ctrl+D
  • メソッドパラメータヒントCtrl+P
  • プロジェクト内のファイルctrl+Shift+N
  • をファイル名ですばやく検索
  • グローバル検索shift+shift
  • 位置ctrl+Shift+alt+N
  • を1文字ですばやく検索
  • ハイライトエラーまたは警告クイック位置決めF 2またはShift+F
  • カーソルのクラスまたはメソッドCtrl+BまたはCtrl+マウスの左クリック
  • 自動補完機能例えば1対のh 1ラベルをたたくには、h 1をたたくだけで、tabキーを押して、自動補完に戻ります: より多くのコード補完のテクニックは、Emmet使用マニュアルチェン一峰のネットワークログ
  • を参照することができます.
  • 自動整理コードフォーマットで整列:Ctrl+Alt+L(ただし衝突に注意してください.例えば、qqロックのショートカットキーはCtrl+Alt+Lで、QQが開いているとショートカットキーが効果的ではありません.)
  • より多くの効率的なショートカットキーはIntellij Idea/Webstorm/Phpstormの効率的なショートカット
  • を参照してください.
    1.3.2 webstromのいくつかの構成
    トピックとフォントの変更
    ctrl+alt+sはSettingsインタフェースを開き、Editor>Colors&Fonts>Fontです.
    ここで私が使っているテーマはMrZuraOneDarkフォントはconsolasです
    トピックのインポート
    Webstromトピックのダウンロード
    ダウンロードしたファイル(一般的に.iclsファイルタイプ)をインストールディレクトリに入れます.私のはC:Users15984です.WebStorm2017.1configcolors、それからwebstromを再起動して、Settingsインタフェースでテーマを修正する時、私達がネットの下のテーマから多くなったことを発見することができます
    terminal(ターミナルフォント設定)
    ctrl+alt+sはSettingsインタフェースを開き、Editor>Colors&Fonts>Console Fontです.設定後、webstromを再起動する必要があります
    ファイナルインタフェース
    そして私たちは私たちのプロジェクトを開くことができて、先端開発の道を開く準備をしましょう!