热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

给sublime安装TypeScript插件及编译

我正准备弃sublime改换vscodes时,从网上找到了这一篇介绍sublime安装TypeScript插件的文章讲解的很好,按照文中讲解的一步步配置,最终安装成功。但,美中不足的是他文中

我正准备弃sublime改换vscodes时,从网上找到了这一篇介绍sublime安装TypeScript插件的文章讲解的很好,按照文中讲解的一步步配置,最终安装成功。但,美中不足的是他文中提到的那个下载地址,需要科学上网然后我打开,我是从github上clone下来的

clone命令 $ git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript


下面是正文

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

Sublime Text创建开发环境(for Windows):
1、下载Sublime Text 3,或者Sublime Text 2版本,网址可自己google,下载后安装。


2、下载typescript.tmlanguage,这个用来支持Sublime Text中TS代码高亮,下载地址:
http://blogs.msdn.com/b/interoperability/archive/2012/10/01/sublime-text-vi-emacs-typescript-enabled.aspx


3、安装TS编译器,两种方法选一个就可以了


方法1:从
http://typescript.codeplex.com/下载MSI(TypeScript 1.0 Tools for Visual Studio 2012),包含了ts在VS

的编辑器和编译器,下载后安装(即使没有安装VS也可以),系统环境变量中会自动添加相关编译器路径。


方法2:从nodejs.org下载Node.js,下载后安装,安装目录内有个npm.dll,我们使用执行npm install -g

typescript
例如我安装在f盘,则依次执行下列cmd命令:
f:
cd F:\Program Files\nodejs
npm install -g typescript


4、启动Sublime Text,Preferences菜单里选择Browse Packages
在打开的路径内(一般是系统盘目录,不是安装Sublime Text的目录,不用在意是哪里)创建文件夹TypeScript,把

typescript.tmlanguage拷贝到文件夹下


5、然后再Sublime Text菜单中,Build System ➤New Build System
写入如下命令:

[plain]  view plain  copy
 print ?
  1. {  
  2.     "cmd": ["tsc","$file"],  
  3.     "file_regex": "(.*\\.ts?)\\s\\(([0–9]+)\\,([0–9]+)\\)\\:\\s(...*?)$",  
  4.     "selector": "source.ts",  
  5.     "osx": {  
  6.         "path": "/usr/local/bin:/opt/local/bin"  
  7.     },  
  8.     "windows": {  
  9.         "cmd": ["tsc", "$file"]  
  10.     }  
  11. }  



保存,会让你选择存放目录,直接存在打开的目录下就可以(一般是C:/xxxx/User/目录),可以

命名为TypeScript.sublime-build


6、重启Sublime Text,就可以使用了


7、测试代码:新建一个项目文件夹,新建类Main.ts,写入如下代码

[plain]  view plain  copy
 print ?
  1. class Greeter {  
  2.     greeting: string;  
  3.     constructor(message: string) {  
  4.         this.greeting = message;  
  5.     }  
  6.     greet() {  
  7.         return "Hello, " + this.greeting;  
  8.     }  
  9. }  
  10.   
  11. var greeter = new Greeter("world");  
  12.   
  13. var button = document.createElement('button');  
  14. button.textContent = "Say Hello";  
  15. button.onclick = function() {  
  16.     alert(greeter.greet());  
  17. }  
  18.   
  19. document.body.appendChild(button);  


使用Ctrl+B编译,或使用菜单Tools->Builder编译
输出[Finished in 3.0s]相关内容表示编译成功,会在项目目录生成一个.js文件


其他:

如果你编译器选择的安装MSI,编译ts报错,尝试把上面的命令中后面的代码

"windows": {
"cmd": ["tsc", "$file"]
}
改为
"windows": {
"cmd": ["tsc.exe", "$file"]
}


ts在线直观编辑器(ts to js),http://www.typescriptlang.org/playground


参考:《typescript-revealed》


原文地址:http://blog.csdn.net/taotao3686/article/details/25881209


推荐阅读
  • C/C++ 应用程序的安装与卸载解决方案
    本文介绍了如何使用Inno Setup来创建C/C++应用程序的安装程序,包括自动检测并安装所需的运行库,确保应用能够顺利安装和卸载。 ... [详细]
  • 本文分享了作者在使用LaTeX过程中的几点心得,涵盖了从文档编辑、代码高亮、图形绘制到3D模型展示等多个方面的内容。适合希望深入了解LaTeX高级功能的用户。 ... [详细]
  • 本文详细介绍了 Node.js 中 OS 模块的 arch 方法,包括其功能、语法、参数以及返回值,并提供了具体的使用示例。 ... [详细]
  • 在Ubuntu 18.04上使用Nginx搭建RTMP流媒体服务器
    本文详细介绍了如何在Ubuntu 18.04上使用Nginx和nginx-rtmp-module模块搭建RTMP流媒体服务器,包括环境搭建、配置文件修改和推流拉流操作。适用于需要搭建流媒体服务器的技术人员。 ... [详细]
  • 本文详细介绍了PHP中的几种超全局变量,包括$GLOBAL、$_SERVER、$_POST、$_GET等,并探讨了AJAX的工作原理及其优缺点。通过具体示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 本文详细介绍了在PHP中如何获取和处理HTTP头部信息,包括通过cURL获取请求头信息、使用header函数发送响应头以及获取客户端HTTP头部的方法。同时,还探讨了PHP中$_SERVER变量的使用,以获取客户端和服务器的相关信息。 ... [详细]
  • 我在尝试将组合框转换为具有自动完成功能时遇到了一个问题,即页面上的列表框也被转换成了自动完成下拉框,而不是保持原有的多选列表框形式。 ... [详细]
  • 个人博客:打开链接依赖倒置原则定义依赖倒置原则(DependenceInversionPrinciple,DIP)定义如下:Highlevelmo ... [详细]
  • 本报告记录了嵌入式软件设计课程中的第二次实验,主要探讨了使用KEIL V5开发环境和ST固件库进行GPIO控制及按键响应编程的方法。通过实际操作,加深了对嵌入式系统硬件接口编程的理解。 ... [详细]
  • IA64架构下常见编程陷阱探讨
    本文深入探讨了IA64架构中常见的一个编程错误案例,该案例揭示了当开发者试图绕过编译器的某些限制时可能遇到的问题。通过具体分析IA64架构的特点及其对全局变量处理的方式,本文旨在为开发者提供避免此类问题的有效建议。 ... [详细]
  • SSE图像算法优化系列三:超高速导向滤波实现过程纪要(欢迎挑战)
    自从何凯明提出导向滤波后,因为其算法的简单性和有效性,该算法得到了广泛的应用,以至于新版的matlab都将其作为标准自带的函数之一了&#x ... [详细]
  • 解析Java虚拟机HotSpot中的GC算法实现
    本文探讨了Java虚拟机(JVM)中HotSpot实现的垃圾回收(GC)算法,重点介绍了根节点枚举、安全点及安全区域的概念和技术细节,以及这些机制如何影响GC的效率和准确性。 ... [详细]
  • Java虚拟机及其发展历程
    Java虚拟机(JVM)是每个Java开发者日常工作中不可或缺的一部分,但其背后的运作机制却往往显得神秘莫测。本文将探讨Java及其虚拟机的发展历程,帮助读者深入了解这一关键技术。 ... [详细]
  • 探讨了一个包含纯虚函数的C++代码片段,分析了其中的语法错误及逻辑问题,并提出了修正方案。 ... [详细]
  • 本文详细记录了 MIT 6.824 课程中 MapReduce 实验的开发过程,包括环境搭建、实验步骤和具体实现方法。 ... [详细]
author-avatar
Elaine桑定_148
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有