web-dev-qa-db-ja.com

フルスタックJavaScript Webアプリ用にIntelliJを構成するにはどうすればよいですか？

MEANスタックを使用してWebアプリケーションを構築しています： MongoDB 、 Express 、 Angular 、および Node.js 、Daftmonkの angular-fullstack Yeomanジェネレーターに基づいています。

私が好むIDEは IntelliJ IDEA です。これは、Ruby/RailsやJavaなどにも取り組んでいるからです。そして、f＃％ing bad＆@ sとI大好きです。

このプロジェクト用に設定する最良の方法は何ですか？

javascriptnode.jsangularjsmongodbintellij-idea
29
Charney Kaye

ここまでで最高のことができました。

インストールする重要なIntelliJプラグインがいくつかあります：

  • .gitignoreサポート
  • AngularJS
  • IDEAおよびStormのBase64
  • BashSupport
  • Bootstrap
  • CSSサポート
  • データベースのサポート
  • ジャスミンのddescriber
  • Git統合
  • GitHub
  • HAML
  • Herokuの統合
  • HTMLツール
  • ヒスイ
  • JavaScriptデバッガー
  • JavaScript Intention Power Pack
  • JavaScriptサポート
  • JSツールボックス
  • JUnit
  • カルマ
  • LESS CSSコンパイラ
  • 少ないサポート
  • マークダウン
  • Mongoプラグイン
  • NodeJS
  • Require.jsプラグイン
  • RESTクライアント
  • Spy-js
  • SvgViewer 2
  • ターミナル
  • W3Cバリデーター
  • YAML

強力なIntelliJへの平和提供として、JavaプロジェクトSDKとして：

use Java as project SDK, to keep IntelliJ happy

バックエンドとフロントエンドのJavaScript依存関係を分離するために、4つの個別のモジュールを構成することを好みます：

I prefer to configure four separate modules, to help separate back-end vs. front-end JavaScript dependencies

bower_componentsライブラリーをclientモジュールに追加し、node_modulesライブラリーからserverモジュールへ：

Add the bower_components library to the client module, and the node_modules library to the server module

そして、エディターでJavaScriptライブラリーを有効にしてください。

Right click in editor and choose JavaScript libraries to use

ベストプラクティスに従って、ローカルIntelliJ IDEA構成フォルダー（/.idea/）をリポジトリにコミットしません、代わりに.gitignoreファイルに次のように追加します。

# IntelliJ IDEA local workspace
.idea

ハッピーコーディング！

53
Charney Kaye