mac终端命令编译ts文件

1,218 阅读2分钟

「这是我参与11月更文挑战的第5天,活动详情查看:2021最后一次更文挑战

介绍了mac常用的终端命令和ts开发环境的准备,以及用终端命令完成ts文件的创建、编译和运行等

TypeScript 是由微软公司在 2012 年正式发布,是 JavaScript 的超集,可以编译成纯 JavaScript。

TypeScript 增加了类、模块、接口和类型注解等等,提供了静态检查和类型推断。

1. 开发环境搭建

// 使用vscode编写代码

// node安装 v14.17.3
node -v 

// npm安装 v8.1.3
npm -v

// typescript全局安装
npm install typescript -g
yarn global add typescript

2. macOS常用终端命令介绍

// 创建文件夹
mkdir demo

// 删除文件夹(不会出现在废纸篓,空目录)
rmdir demo

// 删除文件夹(不会出现在废纸篓,非空或者空都可以删除,推荐使用)
rm -rf demo

// 移动或重命名一个目录
mvdir demo demoTS

// 创建文件
touch Demo1.ts

// 更改文件名字,暂时没找到,手动改成demo1.ts了

// 删除文件
rm demo1.ts

// 拷贝文件demo1.ts,并且重命名为demo2.ts
cp demo1.ts demo2.ts

// 查找当前目录下所有的ts文件
find *.ts

// 显示当前目录 /Users/xxx/Documents/projects/demo
pwd

// 打开成可视化的文件夹
open . // 打开当前命令里的目录
open demo1.ts // 打开指定的文件夹或者文件

// 显示当前目录的内容
ls -la // 查看全部详细信息
ls // 仅查看文件

// 显示或者链接文件
cat demo1.ts

// 查看并编辑文件
vim demo.ts

// 比较两个目录的内容
dircmp dir1 dir2

3. 编译ts文件

mkdir demo // 创建目录
touch demo1.ts // 创建文件
open demo1.ts // 打开文件并可以进行编辑

node demo1.ts // 运行文件,会报错(SyntaxError: Unexpected token ':'),原因就是 Node 不能直接运行TypeScript文件

tsc demo1.ts // 将ts转换为js文件,产生 demo1.js 文件
node demo1.js // 运行js文件,打印结果 “Hello World”

npm install -g ts-node // 全局ts-node安装插件,可自动完成ts文件的编译和运行,避免每次手动转化
ts-node -v // 查看版本号 v10.4.0
ts-node demo1.ts // 直接运行ts文件,正常输出“Hello World”

ic_mac_command.png