如何为全栈JavaScript Web应用程序配置IntelliJ?

时间:2014-08-06 14:44:26

标签: javascript node.js angularjs mongodb intellij-idea

我正在使用MEAN堆栈构建Web应用程序:MongoDBExpressAngularNode.js,基于Daftmonk' { {3}} Yeoman发电机。

我首选的IDE是angular-fullstack,部分原因是因为我还使用Ruby / Rails,Java等,部分原因是因为它&#sff#%ing bad& @s而我喜欢它。

为此项目配置它的最佳方法是什么?

1 个答案:

答案 0 :(得分:53)

这是迄今为止我能做到的最好的事情。

要安装一些重要的IntelliJ插件:

  • .gitignore support
  • AngularJS
  • IDEA和Storm的Base64
  • BashSupport
  • 自举
  • CSS支持
  • 数据库支持
  • ddescriber for jasmine
  • Git Integration
  • GitHub的
  • HAML
  • Heroku整合
  • HTML工具
  • JavaScript调试程序
  • JavaScript Intention Power Pack
  • JavaScript支持
  • JS Toolbox
  • JUnit的
  • LESS CSS Compiler
  • 少支持
  • 降价
  • Mongo插件
  • 的NodeJS
  • Require.js插件
  • REST客户端
  • 间谍JS
  • SvgViewer 2
  • 终端
  • W3C Validators
  • YAML

作为强大的IntelliJ的和平产品,使用Java作为项目SDK:

use Java as project SDK, to keep IntelliJ happy

我更喜欢配置四个单独的模块,以帮助分离后端与前端JavaScript依赖关系

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

bower_components 库添加到客户端模块,将 node_modules 库添加到服务器模块:< / p>

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文件中,如下所示:< / p>

# IntelliJ IDEA local workspace
.idea

快乐的编码!