Nodeのインストールとnpmの一般的な命令、webstormツールの一般的なショートカットキー

4165 ワード

******WindowsシステムにNodeJSをインストールし、IDEA開発ツールの下でNodeJSプラグインを統合します.
Node.jsダウンロードアドレス:https://nodejs.org/en/download/ 開発環境の配置:windowsはNodeJSをインストールし、ダブルクリックしてインストールパッケージをインストールします.普通のソフトウェアのインストールと同じです.次のステップを受け入れます.インストールディレクトリを修正します.次のステップ.NodeJSのインストールが成功したかどうかテストします.パス環境変数にNodeJSのインストールディレクトリが付いているかどうか確認してください.もしないなら、配置してください.パスリガです.D:\Program Filesodejs\;(経路はnodejsフォルダに)cmd命令行:node-vはバージョン番号を調べて、バージョン番号があればテストNodeJSをインストールします.cmd端末でnode入力してコマンドインタラクティブモードに入り、consone.logsを入力します.リターン、出力があれば作成に成功します.
IDEAのNodeJSプラグインのダウンロード:http://plugins.jetbrains.com/plugin/6098?pr=idea IDEA統合NodeJS現在のIDEAのバージョンはFile–settings->Editor–Plugins->右下の3番目です.
    Restart(  )
IDEAに統合成功がありますか?IDEAのfileメニューnew—project—Node.js and NPM(Static Webの下にあります.)があれば、統合に成功します.NodeJSプロジェクトを作成できます.
NPM基本使用指令:
npm help config【npmがインストールされている場合は、このコマンドを実行すると、直接にnodejs公式サイトのヘルプドキュメントにジャンプし、npmコマンドを学ぶことができます】(file:///E:/Myoffice/nodejs/node_modules/npm/html/doc/cli/npm-config.
  • npm install-g××× ×××【gグローバルインストール依存度は複数可】例えば、npm install-gionic@latest
  • npm clear cache【npmキャッシュクリア】
  • npm install glp-less(nodeプラグイン名)-g–save-dev【後の–saveの意味はプロファイルに保存することです】
  • npm udate-g codova ionic(更新)
  • npm install-g codova ionic(インストール)
  • npm install-gionic@latest【最新バージョンのionic依存ライブラリのダウンロード】
  • -g:グローバルインストール
  • –save:設定情報をpackage.jsonに保存します.
  • -dev:package.jsonに保存されているdevDependenciesノードは、指定しない-devはdependenciesノードに保存されます.
  • npm config set registry"http://registry.npm.taobao.org」(FQがない場合はこれを必ず設置してください)【npm installのnodemoodulesはエラーがない】
  • npm config set registry"http://registry.npmjs.org」【デフォルト設定】
  • npm installのインストールエラーは下記のrm-rf node_を解決します.modules npm clean cache npm udate
  • npm install-g codova to udateまたはnpm udate-g corddova(最新バージョンのcordvaライブラリに更新)またはnpm install-g npm/codova/ionic【標準ダウンロード最新】
  • npm install-g [email protected]またはnpm [email protected]【特定バージョンのインストール】
  • npm uninstall-g codova;npm uninstall-g ionic;【プラグインの削除】
  • npmその他のコマンド使用
  • npm run XXXは、package.jsonに配置されたスクリプトを実行するもので、例えば:-
  • 「scripts」:「「「dev」:「node build/dev-server.js」,「build」:「node build/build.js」,「unit」:「kamastart test/unit/kakama.cma.nf.js–single-run」,「e 2 e:e2 e:「eeeeeeeeeeeeeeedededededel/jrupl l l l l.jp.jp.」:“““““““““““““““““.eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeextetetetetest/.vue src test/unit/specs test/e 2 e/specs」}
           ,   run,           npm run dev/build。           ,   scripts            。              ,              (  unit  )。
    
          ERROR,                  ,              。
    
           build, dev, unit ,               。       unit,    karma      ,      ,   karma.conf.js;e2e  end to end      ; test                。
    
             ,        ,        ,    :
    
    "build:doc": "node ./scripts/build-doc.js",
    
        build-doc.js    ,   ,            ,         ,    
    ——--webstormアクティブ:http://idea.iteblog.com/key.php
    ——--web Storm常用ショートカットキー:
  • ctrl+shift+n:プロジェクト内のファイルを開くことは、現在のプロジェクトの任意のディレクトリのファイルを開くことを目的としています.
  • ctrl+j:出力テンプレート
  • ctrl+b:変数申明にジャンプ
  • ctrl+alt+T:小包コード(zendingを含むWrap with Abreviation)
  • ctrl+[]:マッチング{}[]
  • ctrl+F 12:現在のファイルを表示できる構造
  • ctrl+x:カット(削除)行、選択せずに行全体を直接カットし、選択された内容をカットする
  • alt+left/right:ラベル切り替え
  • ctrl+r:置換
  • ctrl+shift+up:行移動
  • shift+alt+up:ブロック移動(if(){}、while(){}文ブロックの移動)
  • ctrl+d:行コピー
  • ctrl+shift+/[:選択ブロックコード
  • ctrl+/:単一行コメント
  • ctrl+shift+/:ブロック注釈
  • ctrl+shift+i:現在のCSSセレクタまたはJS関数の詳細情報を表示する
  • ctrl+「-/+」:プロジェクトのコードブロックは、選択された折りたたみではなく、自動的に折りたたみを認識することができます.
  • ctrl+“.”:選択したコードのコードをたたむ.
  • shift+esc:現在アクティブにされている任意の小さなウィンドウが最小化されても良いし、alt+数字キーでもいいです.数字は小さいウィンドウに表示されています.
  • alt+‘7’:現在の関数構造を表示します.
  • *.htmlページであれば、ファイル名のナビゲーションバーのDOM構造上で右クリックして、現在のDOM構造を選択することができます.