关于javascript:开始编译第一个typescript实例

32次阅读

共计 1840 个字符,预计需要花费 5 分钟才能阅读完成。

作者:程序员学院
官网网址:https://www.chengxuyuan.com

1、什么是 typescript

TypeScriptJavaScript 的一个超集,反对 ECMAScript 6 规范。
TypeScript 由微软开发的自在和开源的编程语言。
TypeScript 设计指标是开发大型利用,它能够编译成纯 JavaScript,编译进去的 JavaScript 能够运行在任何浏览器上。

2、JavaScript 与 TypeScript 的区别

TypeScriptJavaScript 的超集,扩大了 JavaScript 的语法,因而现有的 JavaScript 代码可与 TypeScript 一起工作无需任何批改,TypeScript通过类型注解提供编译时的动态类型查看。
TypeScript可解决已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

3、装置 typescript

咱们须要应用到 npm 工具装置 TypeScript。
如果你的本地环境曾经装置了 npm 工具,能够应用以下命令来装置:

npm install -g typescript

因上述装置办法受到网络限度,所以咱们能够采纳淘宝镜像进行装置

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm -g install typescript

如果须要指定 typescript 版本,则应用 @符号,例如:

npm -g install [typescript@3.1.3](mailto:typescript@3.1.3)

装置实现后咱们能够应用 tsc 命令来执行 TypeScript 的相干代码,以下是查看版本号:

$ tsc -v
Version 4.0.2

4、装置 Visual Studio Code

很多 IDE 都有反对 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。
这里咱们用 Visual Studio Code 来对 TypeScript 进行编写。
Visual Studio Code 是一个能够运行于 Mac OS X、WindowsLinux 之上的,针对于编写古代 Web 和云利用的跨平台源代码编辑器,由 Microsoft 公司开发。
下载地址:https://code.visualstudio.com/

Windows 上装置 Visual Studio Code

1、下载 Visual Studio Code。

2、双击 VSCodeSetup.exe 装置。

3、装置实现后,关上 Visual Studio Code 界面相似如下:

5、构建你的第一个 TypeScript 文件

(1)首页创立 TypeScript 文件greeter.ts,将下列代码输出到该文件中(注:通常咱们应用 .ts 作为 TypeScript 代码文件的扩展名):

function greeter(person: string) {return "Hello," + person;}
let user = "Jane User";
document.body.innerHTML = greeter(user);

(2)而后执行以下命令将 TypeScript 转换为 JavaScript 代码,咱们能够在左侧窗口中点击以后编辑的代码文件,抉择 open in command prompt(在终端中关上),这时候咱们就能够在屏幕的右侧下半局部应用 tsc 命令来执行 TypeScript 文件代码了。

tsc greeter.ts


输入后果为一个 greeter.js 文件,咱们关上 greeter.js 来看看编译的代码是什么吧:

function greeter(person) {return "Hello," + person;}
var user = "Jane User";
document.body.innerHTML = greeter(user);

(3)如果运行时报错:

无奈加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1, 因为在此零碎上禁止运行脚本

解决办法:
以管理员身份运行 powerShell(肯定要以管路员身份关上):

复制上面命令:

set-ExecutionPolicy RemoteSigned

输出 A 或者 Y 即可解决该问题

好的,你学会了吗?

正文完
 0