TypeScript的安装和初步使用

最新推荐文章于 2024-03-19 09:46:54 发布

蓝槽槽~

最新推荐文章于 2024-03-19 09:46:54 发布

阅读量156

点赞数

文章标签： typescript html javascript

本文链接：https://blog.csdn.net/a12as3d7/article/details/120241090

版权

最近想尝试用Cocos做小游戏，跟着教程走发现3.0之后的编辑器取消了对JavaScript和CoffeeScript的支持，仅保留TypeScript编写脚本，之前没接触过，于是搜索一番，虽然我看不懂，但我大受震撼（笑）。

TypeScript算JavaScript的儿子，支持JavaScript的语法，并且引入了接口、继承、强类型等功能，弥补了js在这方面的不足，TypeScript在运行前需要编译成js代码。

安装TypeScript

如果之前已经装过js了，那么应该也安装了Node.js，否则请先安装Node.js。安装Node.js很方便，直接在官网下载对应版本双击安装就行，安装完成后会自动添加环境变量：Download | Node.js

然后就是安装TypeScript，在cmd中输入：

npm install -g typescript

如果安装过慢可以添加国内镜像，然后重新安装：

npm config set registry https://registry.npm.taobao.org

安装成功后推荐使用vscode作为IDE，不需要额外设置（话说vscode就是拿TypeScript写的）

上面说过，ts是支持js的语法的，所以这一部分可以直接参考js的语法内容，不同的是：在ts中，变量可以具有类型：

const val : string = "123qwe"

ts是面向对象的，因此有类的概念：

class cl {
    claVal = "This is string"
}
var con = new cl
console.log(con.claVal)

//输出：This is string

ts支持命名空间，用于区分重名定义，使用namespace关键词：

namespace Drawing { 
    export interface IShape { 
        draw(); 
    }
}

关注