TypeScript下载安装,编译运行

TypeScript是拥有类型的JavaScript超集,它可以编译成普通、干净、完整的JavaScript代码。

简单理解:TypeScript就是加强版的JavaScript。

TypeScript最终会被编译成JavaScript代码,那么我们必然需要对应的编译环境

  • 环境搭建前提:NodeNPM
  • 安装TypeScript,之后就可以通过 tsc 来编译TypeScript的代码

全局安装typescript

复制代码
npm install typescript -g

查看typescript版本

复制代码
tsc --version

新建t1.ts文件,编写ts文件t1.ts

打开终端,进入t1.ts所在目录,使用tsc把ts文件编译成js文件

会发现在当前目录下生成了一个t1.js文件,并且其中的代码就是普通的JavaScript代码。

创建一个html文件,在其中引入t1.js文件,并且在浏览器中进行测试。

打开WEB开发者工具,可在控制台上看到结果

下一讲我们通过webpack,开启本地服务,自动帮助我们编译,并且在浏览器中查看结果。

相关推荐
腾讯云云开发14 小时前
小程序数据库权限管理,一看就会!——CloudBase新手指南
前端·数据库·微信小程序
多则惑少则明15 小时前
Vue开发系列——自定义组件开发
前端·javascript·vue.js
用户2506949216115 小时前
next框架打包.next文件夹部署
前端
程序猿小蒜15 小时前
基于springboot的校园社团信息管理系统开发与设计
java·前端·spring boot·后端·spring
一叶难遮天15 小时前
开启RN之旅——前端基础
前端·javascript·promise·js基础·es6/ts·npm/nrm
申阳15 小时前
Day 4:02. 基于Nuxt开发博客项目-整合 Inspira UI
前端·后端·程序员
程序猿_极客15 小时前
【期末网页设计作业】HTML+CSS+JavaScript 猫咪主题网站开发(附源码与效果演示)
前端·css·html·课程设计·网页设计作业
IT古董15 小时前
【前端】从零开始搭建现代前端框架:React 19、Vite、Tailwind CSS、ShadCN UI 完整实战教程-第1章:项目概述与技术栈介绍
前端·react.js·前端框架
有点笨的蛋15 小时前
从零搭建小程序首页:新手也能看懂的结构解析与实战指南
前端·微信小程序
爱宇阳15 小时前
Vue3 前端项目 Docker 容器化部署教程
前端·docker·容器