vs code和node的相关使用 一一 typescript的配置

昨天的时候,用tsd  install 其它库后,要想引用,必须在顶部加入

/// <reference path="underscore/underscore.d.ts" />  这样的引用,才能在ts中有提示。

后来我想是不是安装顺序有误? 原来是先安装vs code,后安装node  ,tsc。

于是我重新安装了遍  vs code。

参考网上说明来配置typescript可在vs code中编译,因为总不能使用 控制台去 一次次的 用 tsc 来编译吧!

1、在项目目录下添加 tsconfig.json 。内容如下  。这段内容似乎没什么工具自动添加的。

{  "compilerOptions": {   "target": "ES5",   "noImplicitAny": false,   "module": "amd",   "removeComments": false,   "sourceMap": true  } }

2、借助vs code的编译功能,自动生成tasks.json 文件 。

按下ctrl +shift +B 来启动编译。这时编译不知道要做什么,因为你没有任务配置文件 ,它要为你添加一个默认的。

点击后     .vscode/tasks.json 的文件自动生成。

这个文件内容很长,是好多类型的任务的模板。 有typescript 编译、glup 编译less文件等样式,以供参考 。

编译typescript的有两段,一看就明白意思,我们用第2段的内容。

{  "version": "0.1.0",

 // The command is tsc. Assumes that tsc has been installed using npm install -g typescript  "command": "tsc",

 // The command is a shell script  "isShellCommand": true,

 // Show the output window only if unrecognized errors occur.  "showOutput": "silent",

 // Tell the tsc compiler to use the tsconfig.json from the open folder.  "args": ["-p", "."],

 // use the standard tsc problem matcher to find compile problems  // in the output.  "problemMatcher": "$tsc" }

3、 此时建个  ts后缀的文件来试试手吧

         可以在ts文件里,写个  $ 看是否有提示,

        代码写好后,按下 ctrl+shift +B来编译。此时会在ts文件旁边生成js  ,map两个文件 。

大家注意:

            1、在红色的1处, 看到我已经  tsd install jquery 

            2、在2处,我并未引用  /// <reference path="jquery/jquery.d.ts" /> 之类的话

            3、输入 $  ,它已经能智能提示了,看来tsd.d.ts是全局可见,作用类似_referece.js 。

typescript的配置到此结束了!

---------------------------------------------------------------------------------------------------------- 

后来我又在新文件 夹中,建个项目,同样的操作,但是输入$,却不出现智能提示,为什么呢?于是我尝试

 1、我在编写的 ts文件上手动添加引用,就可以提示,删了引用后,智能提示就没了。

2、我随便把这个ts文件复制到另一个目录里, 奇怪,此时不加引用又可以智能提示了。

3、 我再删除这个文件和目录,刚才不能智能提示的,竟然现在可以提示了 ,功能正常了!。。。。。。。

最后我认为这是   vs code的一个bug!

另外,vs code把许多功能放到了Command palette里面,我个人认为变相的减少了菜单项,不知道微软是出于什么目的这样做,总之给初学者会带来烦恼,如图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

thinkphp3关闭日志

862
来自专栏月色的自留地

在Mac上使用vs-code快速上手c语言学习(入门文,老鸟退散)

1K4
来自专栏aCloudDeveloper

OVS 总体架构、源码结构及数据流程全面解析

在前文「从 Bridge 到 OVS」中,我们已经对 OVS 进行了一番探索。本文决定从 OVS 的整体架构到各个组件都进行一个详细的介绍。 OVS 架构 OV...

4095
来自专栏熊二哥

Linux快速入门04-扩展知识

这部分是快速学习的最后一部分知识,其中最重要的内容就是源码的打包和软件的安装的学习,由于个人的Linux学习目的就是自己能在阿里云Ubuntu上搭建一个简单的n...

2625
来自专栏伪君子的梦呓

电脑使用 Vysor 控制手机

想用安卓手机一步一步演示个东西给别人看的时候,恰巧遇到对方不在身边;安卓手机上的东西想投影到 Windows 电脑上,用电脑控制手机,却没找到合适的方式;上班时...

2544
来自专栏程序员互动联盟

【专业技术】Windows编程技巧小结

我们在编写程序的时候,常常会需要一些线程的delay函数。这个问题说简单也简单,说复杂也复杂。比如很多人读知道delay直接用Windows的API函数Slee...

3585
来自专栏QQ空间开发团队的专栏

TPatch动态补丁系统(iOS)

对于每一个开发,从写Hello World开始,到使用各种语言,可能都会遇到各种BUG。有的BUG能快速解决,比如Web侧的,发个JS或者Html即可。但是在终...

2.5K1
来自专栏大数据实战演练

Linux NTP时钟同步

时钟同步在大数据方向,用到的地方很多。举个例子来说吧,像Zookeeper、RegionServer服务都是需要实时和各节点进行通信的。假如各节点差超过30s,...

4922
来自专栏杂烩

GitHug备忘 原

作为开源代码库以及版本控制系统,Github拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首...

635
来自专栏程序员互动联盟

【专业技术】Windows里面如何玩转线程?

我们在编写程序的时候,常常会需要一些线程的delay函数。这个问题说简单也简单,说复杂也复杂。比如很多人读知道delay直接用Windows的API函数Slee...

3484

扫码关注云+社区

领取腾讯云代金券