文档章节

学习老外用webstorm开发nodejs的技巧--代码提示DefinitelyTyped

Klaus88
 Klaus88
发布于 2015/02/27 11:33
字数 674
阅读 23353
收藏 119

最近入了nodejs的坑,作为老码农,js对我来说还是很容易的。webstorm虽说用得不多,但是pycharms我是老手了,idea的东西一脉相承,想想也就那样了。

但是自从看了某个视频后,觉得毕竟老外就是牛啊。

先发视频“WebStorm - MEAN Stack Walkthrough and Tips”,地址:http://www.tudou.com/programs/view/txhBUA7fcNA/?resourceId=0_06_02_99

另外有一个视频也值得推荐看看:Node.js Development Workflow in WebStorm,地址:http://www.tudou.com/programs/view/8r8Iy7BOj7g/

下面说说“WebStorm - MEAN Stack Walkthrough and Tips”里面展现的技巧:

那些操作的快捷键大家就慢慢看吧,不是重点,视频的中下方都会显示操作的方式。

说说几个地方:

1、JavaScript--Libraries

在Settings里有个神奇的地方,点进去,在下方的Languages & Frameworks-->JavaScript-->Libraries,看看有什么。


右边那些是什么哦??

按照视频,简单的说,这个地方就是能够帮助你自动完成、函数提示的设置啊!多爽啊!!

按照视频的操作,点Download按钮,等待一下,那个新窗口的就会载入一个列表了,哈哈多爽啊!

咦才那么一点点?按照视频的操作,可以下拉那个“Official libraries”,切换到“TypeScript community stubs”,就会出现很多很多东东。然后你做了,然后即使等半小时,也是空空如也!!怒了,是被墙了吗??我抓了一下包,神奇的,如果是Official libraries,会去亚马逊云上取xml数据,但是这个TypeScript community stubs却不会触发网络活动,神奇了!!难道是我用的daoban的原因??不得而知。

研究了很久很久,终于找到解决方案。

原来这些东东,都是这个组织弄出来的 http://definitelytyped.org/,可以进去看看。

他们的github在这里:https://github.com/borisyankov/DefinitelyTyped

进去就能看到很长一个列表。例如我们要用mongoose,直接页面搜索mongoose,点进去,是这样的:

可以看到有2个文件,靠上的带有tests的不用管它,直接右键另存“mongoose.d.ts”,就是一个定义文件,你可以点进去看看。

这个文件有什么用的?就是自动完成和代码提示啊!!

把这个文件放个文件夹,回到webstorm,

在右边直接点Add按钮,在之后的界面,看看我的设置:


先起个名字,再点绿色的加号,选好那个文件,一路OK保存!

再回到代码,看看mongoose相关的操作,connect,find,count,都有了代码提示了!!

继续吧,把express等等的代码提示都加上!就是那么爽啊!

fin

© 著作权归作者所有

共有 人打赏支持
Klaus88
粉丝 5
博文 15
码字总数 7457
作品 0
南宁
高级程序员
私信 提问
加载中

评论(5)

一别经年17
一别经年17
切换到“TypeScript community stubs"可以显示列表了!
春眠不觉晓
春眠不觉晓
nice
隐性精神病人
隐性精神病人
FogMoon
FogMoon
学习了
smallkw
smallkw
WebStorm 2017.1.1 发布,JavaScript 编辑器

WebStorm 2017.1.1 发布,WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具。 更新内容: 完成webpack 2配置文件 使用TypeScript导入更灵活 解决JavaScript项目的根源 其他更新内...

达尔文
2017/04/14
3.3K
10
WebStorm 2017.1.1 EAP 发布

WebStorm 2017.1.1 早期预览版的 bug 修复版本! 主要修复: False ESLint errors for the linebreak style (WEB-25487) Support for data- attributes in JSX (WEB-22667) Support for obje......

丶一意孤行
2017/03/31
1K
3
WebStorm 9正式发布——优越而简单

WebStorm 9带了更多引人注目的新特性。包括支持目前最热门、最强大的开发框架及应用库。并在WebStorm 9集成新的工具和改进性能。这次WebStorm 9正式发布,集合之前测试版的信息,整体给开发者...

kouxunli1
2014/10/31
0
0
JavaScript语言基础-环境搭建

我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境。下面我们分别介绍一下。 JavaScript编辑工具 JavaScript编辑工具最简单的可以使用一些文本编辑工具...

智捷课堂
2015/03/12
0
0
WebStorm 9“神器”变“霸器”

WebStorm 9测试版新增:Live Edit增强、JS后缀模板、Gulp集成、Node.js的spy-js和改善Editorconfig等。 早在半年前,JetBrains就发布了WebStorm 9的发展路线,经过半年的不断努力与更替。Web...

kouxunli1
2014/10/21
0
1

没有更多内容

加载失败,请刷新页面

加载更多

乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linuxprobe16
22分钟前
0
0
OSChina 周日乱弹 —— 没时间 没头发 但有钱

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @开源中国总经办主任 :分享齐一的单曲《这个年纪》 《这个年纪》- 齐一 手机党少年们想听歌,请使劲儿戳(这里) @肿肿卷 :我真的可以睡一天...

小小编辑
今天
25
4
Django进阶 1.1 ORM基础—ORM 1.2.1 增删改查之查询 1.2.2 删改增 (1) 1.2.3 删改增 (2)

ORM基础 ORM是Django操作数据库的API,Django的作者将sql语句封装在里面供我们使用。 我们前面还提到过Django提供一个模拟数据库的工具,sqlite,供我们学习测试使用。 如果我们想使用mysql...

隐匿的蚂蚁
今天
3
0
Windows 上安装 Scala

在安装 Scala 之前需要先安装 Java 环境,具体安装的详细方法就不在这里描述了。 您可以自行搜索我们网站中的内容获得其他网站的帮助来获得如何安装 Java 环境的方法。 接下来,我们可以从 ...

honeymose
今天
3
0
数据库篇多表操作

第1章 多表操作 实际开发中,一个项目通常需要很多张表才能完成。例如:一个商城项目就需要分类表(category)、商品表(products)、订单表(orders)等多张表。且这些表的数据之间存在一定的关系...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部