缘起

最近在学习Node.jsThinkJS这个框架,用vscode作为开发环境。默认情况下vscode对ThinkJS的代码提示并不好,所以研究了一下,原来可以同通过Typings来让vscode拥有强大的智能代码提示功能

通过NPM安装Typings

npm install -g typings  //在node环境下安装typings
typings --version //查看typings当前版本

通过Typings安装代码提示信息文件

例如我们此处需要安装jquery的代码提示文件,项目目录为c:\test

cd test  //进入到项目目录
typings install jquery --save //该命令应该在项目目录下运行

此时我们可以看到项目目录下多了些文件。

这些文件就是为我们提供提示信息的类型类型文件(扩展名为.d.ts)。

ThinkJS的代码提示文件 从https://github.com/75team/thinkjs/blob/master/template/think.d.ts 下载放到typings目录下

查看Typings是否支持某个库或框架的智能提示,我们可以使用下面的命令:

typings search exampleName

启用智能提示功能

  1. 方法一:在需要进行只能提示的文件最上行增加提示信息文件所在目录,格式如下:

    /// <reference path="./typings/think.d.ts" />

这里需要注意 自己根据实际情况修正 path 指定的.d.ts文件路径

  1. 方法二:在项目所在目录(在这里是NodeSnippet文件夹中)增加一个名为jsconfig.json的空文件。

jsconfig.json文件的内容可以参考:https://code.visualstudio.com/docs/languages/javascript

注意事项

Typings VS TSD

Typings是作为TSD的替代者而出现的,如果你已经安装了TSD,那么需要知道现在TSD已经不推荐使用了。如果已经安装TSD请执行下面的命令来移除它:

npm rm -g tsd

使用 CNPM 安装 node包

有时候使用NPM安装模块很慢,此时我们可以选择国内淘宝的NPM镜像,使用下面的命令来进行安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后使用cnpm来代替npm命令即可,例如下面安装一个lodash模块的示例:

cnpm install lodash

参考阅读

https://github.com/typings/typings

https://code.visualstudio.com/docs/languages/javascript

https://npm.taobao.org/

http://www.cnblogs.com/IPrograming/archive/2016/04/30/VsCodeTypings.html

最新文章

  1. Android源码阅读-Filter过滤器
  2. 详解.Net消息队列(MSMQ)应用
  3. Javascript技巧
  4. Vijos1392拼拼图的小衫[背包DP|二维信息DP]
  5. 浅谈C++的this指针
  6. ArcGIS API for JavaScript 4.0(一)
  7. 使用开关、分段控件和web视图
  8. ZeptoLab Code Rush 2015
  9. Class Model of Quick Time Plugin
  10. 【LeetCode】141. Linked List Cycle
  11. 【JavaScript】underscore
  12. mvn多环境下的配置
  13. C++时间类型详解( time_t 和 tm )
  14. C++ 输入输出流 文本文件 二进制文件读写
  15. 使用Pangolon在同一副图中,画出两个轨迹,比较误差
  16. linux CentOS 7 安装 RabbitMQ Erlang 21.0
  17. 基于PhoneGap3.4框架的iOS插件的实现
  18. 20155316 2016-2017-2 《Java程序设计》第2周学习总结
  19. 洛谷 U3357 C2-走楼梯
  20. SSH服务:packet_write_wait: Connection to 67.218.143.160 port 22: Broken pipe错误处理

热门文章

  1. &lt;转载&gt; OpenGL Projection Matrix
  2. html+css知识整理
  3. Android--持久化技术
  4. Java的历史
  5. 用c#开发微信 (16) 微活动 2 刮刮卡
  6. Dynamic CRM 2013学习笔记(十九)自定义审批流1 - 效果演示
  7. 尝试在mac上用dotnet cli运行asp.net core示例程序
  8. VisualSvn server 权限配置
  9. 转载:开发者眼中最好的 22 款 GUI 测试工具
  10. 字符串匹配算法之KMP&amp;Boyer-Moore