TypeScript学习(一)——TypeScript简介及环境准备
来源:互联网 发布:2017淘宝买家信息出售 编辑:程序博客网 时间:2024/05/17 21:42
什么是TypeScript?
TypeScript是JavaScript的一个超集,扩展了JavaScript的语法,因此现有的JavaScript代码可与TypeScript一起工作无需任何修改,TypeScript通过类型注解提供编译时的静态类型检查。
TypeScript可处理已有的JavaScript代码,并只对其中的TypeScript代码进行编译。
TypeScript安装
通过node.js包管理器安装(确保您的电脑上已有node环境),在cmd命令行输入:
npm install -g typescript
查看是否安装成功,用tsc -v
,出现版本信息即安装成功。
安装成功后使用TypeScript编译器(tsc),可将编译结果生成js文件。编译TypeScript文件命令如下:
tsc filename.ts
编辑器
使用Visual Studio Code编辑TypeScript代码。
1. 下载安装Visual Studio Code
下载地址为:https://code.visualstudio.com/ 。
2. 安装代码格式化工具,便于优化代码
2.1 安装clang-format命令行工具
打开Visual Studio Code,从扩展商店里安装该插件:
安装完成后,会在已安装中看到:
2.2 安装自动格式化工具Clang-Format VSCode extention
32-bit安装
64-bit安装
2.3 Shift+Alt+F 美化代码
安装完成后,编辑完代码文件,快捷键Shift+Alt+F用于美化代码。
入门案例:Hello TypeScript
新建文件命名为hello.ts,在文件中写入以下代码:
function sayHello(person: string) { return 'Hello,' + person;}let user = 'zrxJuly';console.log(sayHello(user));
然后打开cmd命令框,cd到hello.ts所在目录下,输入:
tsc hello.ts
这时会生成一个编译好的文件hello.js:
function sayHello(person) { return 'Hello,' + person;}var user = 'zrxJuly';console.log(sayHello(user));
使用 :(冒号)指定变量的类型。上述例子中使用:指定person参数的类型为String。
let 是 ES6 中的关键字,和 var 类似,用于定义一个局部变量。
- TypeScript学习(一)——TypeScript简介及环境准备
- Learining TypeScript (一) TypeScript 简介
- TypeScript入门-1.简介及开发环境
- TypeScript学习(二)——数据类型一
- TypeScript学习笔记(一)
- TypeScript学习-TypeScript数据类型简介
- TypeScript学习-TypeScript环境配置
- TypeScript学习笔记一
- TypeScript学习笔记一
- TypeScript简介
- TypeScript 学习笔记1: 简介
- TypeScript学习(2)
- Typescript学习笔记(三)——数据类型
- Angular学习笔记(1)——TypeScript基础
- AngularJS2 学习笔记——TypeScript
- typescript
- TypeScript
- typeScript
- LeetCode45_Jump Game II
- LDA原理(3)知识储备之PLSA
- TI的CCS7.3.0安装教程
- 前台页面非常棒,借鉴
- LeetCode:M-547. Friend Circles
- TypeScript学习(一)——TypeScript简介及环境准备
- Java学习笔记(20)-- main方法
- RabbitMq在spring boot中集成和应用
- SecureCRT中python脚本编写学习指南
- AngularJS监听页面关闭,定时器$interval()的使用
- pthread_join/pthread_exit用法实例
- 启动文件和2440启动方式相关知识
- shell死循环(while&&for)
- 动态规划背包算法(01背包和完全背包)