老婆:"下班後买十个包子回来,如果看到卖西瓜的就买一个。"
老公:"好。" (下班後带着一个包子回家)
老婆:"为什麽只有一个包子?"
老公:"因为我看到卖西瓜的。"// 哈哈哈 这个超经典的 这不是笑话 根本就是日常会发生的事啦 XD
上一篇有提到,我们每写一次都要手动 tsc xx.ts
跟 node xx.js
, 是不是很累,我就是很累,所以来分享这篇,让我们可以自动编译,加速学习时间。
新增2个资料夹 src
及 dist
在 src
档案新增 index.ts
, 并写入:
const index:string = "this's index";
console.log(index);
project
└───dist
│ │
│
└───src
│ index.ts
npm init -y
tsc --init
"outDir": "./dist", //完成编译後生成 js 文件的路径
"rootDir": "./src", //代表 ts 文件的入口路径
tsc
,会看见编译後的index.js
在dist
的资料夹。tsc
npm i nodemon concurrently --save-dev
"scripts": {
"start:build": "tsc -w", //watch src的ts档并自动编译js档
"start:run": "nodemon ./dist/index.js", //当有新的js档产生则去执行
"start": "concurrently npm:start:*" //执行全部含有start的指令(包含 start:build 及 start:run)
},
npm start
this's index
, 表示执行成功~project
│ node_modules
│ package-lock.json
│ package.json
│ tsconfig.json
│
└───dist
│ │ index.js
│
└───src
│ index.ts
是不是很方便~demo可看这里, 我有同步在github。
这一篇设定在 tsconfig.json 设定了 outDir 及 rootDir ,下一篇就来笔记 tsconfig.json 还有哪些设定。 因为刚开始在看 handbook 介绍型别时发现他有提到 tsconfig,但那时我根本懵查查,决定把他挪到前面讲, 後面看就会比较顺~
https://www.typescripttutorial.net/typescript-tutorial/nodejs-typescript/
哈哈~标题有点…希望不要有人介意哈,介意了也改不了嘿嘿。 这篇我要来说说上篇成果的呈现啦!还好我不放...
之前一直很好奇有些网站的背景图片是如何裁切成不同形状的, 除了本来就放置裁切好的图片以外不知道还有没...
Passing Scrum SASM certification exam with minimum...
现在的密码都会有贴心的 张眼模式, 让我们可以看到所输入的密码是否正确, AI2的PasswordT...
发挥影响力 随时必备的两个元素:Content & Context 自觉、找镜子、了解与掌握...