使用Sblime Text开发TypeScript(TS)的编译环境搭建
来源:互联网 发布:fft c语言代码 编辑:程序博客网 时间:2024/06/10 20:14
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命令:
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
写入如下命令:
{ "cmd": ["tsc","$file"], "file_regex": "(.*\\.ts?)\\s\\(([0–9]+)\\,([0–9]+)\\)\\:\\s(...*?)$", "selector": "source.ts", "osx": { "path": "/usr/local/bin:/opt/local/bin" }, "windows": { ***//此处注意了,如果你是window系统,这里应该这样写,不然会 //[WinError 2] 系统找不到指定的文件。 //"cmd" : ["tsc.cmd","$file"]*** "cmd": ["tsc", "$file"] } }
保存,会让你选择存放目录,直接存在打开的目录下就可以(一般是C:/xxxx/User/目录),可以
命名为TypeScript.sublime-build
6、重启Sublime Text,就可以使用了
7、测试代码:新建一个项目文件夹,新建类Main.ts,写入如下代码
class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; } } var greeter = new Greeter("world"); var button = document.createElement('button'); button.textContent = "Say Hello"; button.onclick = function() { alert(greeter.greet()); } 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
- 使用Sblime Text开发TypeScript(TS)的编译环境搭建
- 使用Sblime Text开发TypeScript(TS)的编译环境搭建
- TypeScript开发环境搭建
- 搭建TypeScript开发环境
- 02 TypeScript开发环境搭建(Windows)
- 在Sblime Text 3中编译运行java 默认环境已配置好
- Typescript+dva搭建开发环境
- VScode搭建TypeScript开发环境
- Sublime Text配置Typescript开发环境
- 使用Visual Studio Code + Node.js搭建TypeScript开发环境
- 使用Visual Studio Code + Node.js搭建TypeScript开发环境
- 使用Visual Studio Code + Node.js搭建TypeScript开发环境
- 使用Visual Studio Code搭建TypeScript开发环境
- 使用VsCode + Node.js搭建TypeScript开发环境
- 使用Visual Studio Code搭建TypeScript开发环境
- 使用Visual Studio Code搭建TypeScript开发环境
- Typescript 入门 及 使用Visual Studio Code搭建TypeScript开发环境
- 在webstorm中使用typescript开发react程序(一)环境搭建
- 《机器学习实战》学习笔记---KNN
- java并发——全部线程机制详解
- mac系统中如何利用命令框里进行数据库迁移
- javaScript 外部对象2
- 使用Fresco实现大图浏览(支持手势放大、拖拽)
- 使用Sblime Text开发TypeScript(TS)的编译环境搭建
- FIDO Metadata Statements(译)
- java-动态代理-从源码分析
- 蓝桥杯 操作格子(线段树例题)
- ASP.NET C#学习二(数据库开发)
- h5本地存储的sessionStorage和localStorage
- Keras Tensorflow TF_NewStatus错误修改
- Java基础——常量
- 1583