TS开发环境搭建

一、安装Node.js

官网:Node.js (nodejs.org)

可以去看别的大佬安装Node.js的文章,因为大部分人都安装了Node环境,这里我就不做说明

二、使用npm全局安装typescript

在终端中输入如下命令:

npm i -g typescript

安装完成会有如下提示:

想知道typescript是否安装成功可以在终端中输入 tsc ,输出一大堆数据就是安装成功

三、 创建一个TS文件

注意:TS文件的文件后缀为.ts

四、使用tsc命令对代码进行编译

ts代码需要先编译为js代码才能被浏览器所执行,所以我们执行一个ts文件之前需要使用tsc命令进行编译。

tsc 文件路径

注意:这里要在当前目录下执行改ts文件

编译完成后我们的文件目录下出现了一个js文件,内容与ts文件内容一致,因为编写的内容比较简单,所以看不出什么区别。

相关推荐
先吃饱再说6 小时前
React 组件通信:从 Props 单向传递到自定义事件
前端·react.js·前端框架
swipe6 小时前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门
前端·后端·全栈
Allshadow6 小时前
Nest.js - 连接数据库
javascript·nestjs
冰暮流星7 小时前
javascript之date对象
开发语言·javascript·ecmascript
swipe7 小时前
04|(前端转后全栈)前端状态为什么不够用?从页面数据到 MySQL 持久化
前端·后端·全栈
橘子星7 小时前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念
前端·javascript
大白要努力!7 小时前
纯前端实现 PDF 加水印工具 —— 零后端、支持中文、实时预览
前端·pdf·html
石小石Orz7 小时前
TRAE SOLO实战:实现一个桌面3D助手
前端·人工智能
蜡台7 小时前
使用 uni-popup 实现数据选择器Data-Picker
前端·javascript·html·uniapp·uni-popup·data-picker
拆房老料7 小时前
BaseMetas FileView 1.2.0 发布:Office/WPS 大文件预览与内存安全优化实测
前端·产品运营·开源软件