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

最近入了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

时间: 2024-11-06 03:55:58

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

Node.js学习笔记【3】NodeJS基础、代码的组织和部署、文件操作、网络操作、进程管理、异步编程

一.表 学生表 CREATE TABLE `t_student` ( `stuNum` int(11) NOT NULL auto_increment, `stuName` varchar(20) default NULL, `birthday` date default NULL, PRIMARY KEY  (`stuNum`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 学生分数表 CREATE TABLE `t_stu_score` ( `id` int(11

webstorm/...开发 NodeJS 项目

前提: 已安装好 webstorm/IDEA 2016.3 & 2017.1 (见 文 IDEA开发Java 相关 --- 1 IDEA安装 ...) 要用 IDEA 开发 NodeJS项目(web/JS)项目,首先需要: 1. 自行下载 Node.js 并安装,下载网址:https://nodejs.org/en/download/:或者 https://nodejs.org/en/: 测试: cmd-> node -v  或者 node, 未出现错误,如下,则表明已安装完好.   其次,

webstorm 开发利器 使用技巧

1.Web开发利器Webstorm导入多个文件夹或者项目 步骤:File->Setting 打开设置面板,打开Directories节点,然后看到有Add Content Root 操作选项,单击弹出磁盘目录文件,选择对应项目或者目录即可. 2.撤销快捷键:Ctrl+Z  反撤销 Ctrl+Shift+Z

webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害.中英文切写注释换相当不爽.还没办法多开窗口,相信大家也遇到过这种现象. 下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下HTML 添加*.wxml 2.png 3.将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import settings 中导入即可 3.png 配置已经完

【开发工具】-Idea代码提示忽略大小写

设置路径:File–>Settings–>Editor–>General–>Code Completion–>Match case 取消Match case 勾选. [over] 原文地址:https://www.cnblogs.com/juihai/p/11392734.html

结合基础与实战学习React.js 独立开发新闻头条平台

第1章 课程简介课程导读,介绍了课程的基本结构.课程的特点.最终实战项目演示.前置知识点以及源码打包结构和后期相关学习资料的更新方式. 第2章 React 简介对 React 进行了详细地简介并对课程的前置知识点进行了详细地梳理. 第3章 React 初体验介绍了此课程中使用的 React 版本以及官网学习包 React Starter Pack 的下载与安装,并对 React 的框架运行进行了初体验. 第4章 NodeJS简介与安装对 NodeJS 进行了详细地介绍,并完整演示了 NodeJS

更快学习 JS 的 6 个简单思维技巧

当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战: 有些概念容易混淆,特别是当你学习过其他语言的时候. 很难找到学习的时间(有时候是动力). 一旦当你理解了一些东西的时候,却很容易再一次忘记. 可以使用的工具甚多且经常变化,所以不知道从哪里开始入手. 幸运的是,这些挑战最终都可以被战胜.在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你成为一个更快乐更多产的程序员. 1.不要让将来的决定阻止你进步 对于很多学习 JavaSc

老衣的开发工具和类库集之2014版

转载自:http://www.yimingzhi.com/2015/03/lao-yi-de-kai-fa-gong-ju-he-lei-ku-ji-2014-ban 今天是2015年的元宵节了,14年承诺朋友们公开自己常用的工具和类库集,一直没能及时兑现.今天忙里偷个闲,整理了一下清单,在此公布出来,希望能够对大家在.NET.App.Web等开发方面有所帮助.也当是给.NET开发者一个元宵礼物吧,哈哈.不废话直接上菜啦~ [注:最下方有补充更新] Visual Studio 2013 扩展Vi

webstorm创建nodejs + express + jade 的web 项目

webstorm创建nodejs + express + jade 的web 项目 前简单了解过nodejs,觉得用nodejs来做个网站也太麻烦了,要自己拼html的字符串返回,这能做网站嘛? 最近看到使用jade模板来开发,觉得挺新奇的,于是试了一把,也了解了一些特性,算是个新的开始吧. 1.首先下载webstorm,百度一下,有绿色版. 2.下载express模块和jade模块,就不详细说了.然后新建一个项目,选择nodejs express app 然后点击创建即可,一个可以运行的小栗子