「这是我参与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”