How to import Angular Seed project in IntelliJ

Question

I'm trying to import the Angular Seed project into IntelliJ, but when I do it creates a whole bunch of individual modules. I just want a view of the directory structure and to forget about this module junk. All they are are folders to me.

How can I set this up in IntelliJ? Is this something people do with Angular applications or do I need to change to something like WebStorm instead?

Answer 1

When it comes to web projects in IDEA, you have to do the following to make it bahave more or less like WebStorm: (I too think IDEA is terrible at setting up a simple custom project)

Make the web project or other random file structure a Module inside a project.

--edit-- I just realized that creating a new project allows you to directly go for a Web Module. This way there is no need for a 6-step plan. :) --edit 2-- You can specify the Module File Location here just as easy.

Here's how I do it:

1. Make a new empty project, like ~/MyDevStuff/OSProjects/
2. Open project settings
3. Modules > + > New module > Web Module
4. Your sources should be placed in the project as a subdirectory angular-seed/
5. Name the module, probaly same as directory name.
6. (Optional) point Module File Location to the project dit to avoid having the .iml file with your angular-seed files.

Answer 2

In according to official jetbrains documentation:

To open the application sources that are already on your machine Click Open on the Welcome screen or choose File | Open on the main menu. In the dialog that opens, select the folder where your sources are stored.