Learn the skills of developing Nodejs with Webstorm-code hints definitelytyped

Recently into the pit of Nodejs, as old yards, JS for me is still very easy. Webstorm Although not much use, but pycharms I was an old hand, idea of things same strain, think about it.

But after watching a video, I think the foreigner is a cow after all.

First send Video "Webstorm-mean Stack walkthrough and Tips", Address: http://www.tudou.com/programs/view/txhBUA7fcNA/?resourceId=0_06_02_99

Another video is also recommended: node. JS development Workflow in Webstorm, address: http://www.tudou.com/programs/view/8r8Iy7BOj7g/

Here's the technique shown in "Webstorm-mean Stack Walkthrough and Tips":

The shortcut keys for those operations let's take a slow look, not the point, the video below will show how the operation.

Talk about a few places:

1, Javascript--libraries

There's a magical place in the settings, click Inside, Languages & Frameworks-->javascript-->libraries below, and see what's there.

Right, what are those?

According to the video, simply put, this place is able to help you auto-complete, function prompt settings Ah! How cool!!

According to the operation of the video, click Download button, wait for a moment, the new window will be loaded into a list, haha how cool!

Hey, just a little bit? According to the operation of the video, you can pull down the "official libraries", switch to "TypeScript community stubs", there will be a lot of stuff. Then you did, and then even half an hour, and it was empty!! Anger, is the wall?? I grabbed the bag, magical, if it is official libraries, will go to the Amazon cloud to fetch XML data, but this typescript community stubs does not trigger network activity, magical!! Is that why I used the Daoban? Unknown.

Studied for a long time and finally found a solution.

Originally these things, are this organization get out of http://definitelytyped.org/, can go inside to see.

Their github is here: https://github.com/borisyankov/DefinitelyTyped

Go in and you'll see a long list. For example we want to use Mongoose, direct page Search Mongoose, point in, is this:

Can see there are 2 files, with tests on the top of it, directly right-click "mongoose.d.ts", is a definition file, you can click to see.

What's the use of this file? is automatic completion and code hints AH!!

Put this file in a folder, back to Webstorm,

Click on the Add button on the right, and at the following interface, look at my settings:

First name, then dot Green Plus, choose that file, all the way OK save!

Back to the code, see Mongoose related Operations, Connect,find,count, have code hints!!

Go ahead and add the code hints for Express and so on! It's so cool!

Fin

Learn the skills of developing Nodejs with Webstorm-code hints definitelytyped