1 創(chuàng)建項(xiàng)目
安裝node js
創(chuàng)建并初始化一個(gè)項(xiàng)目
創(chuàng)建一個(gè)目錄 使用命令行打開 輸入以下命令初始化
node init -i
輸入命令后 會(huì)提示你輸入項(xiàng)目的名稱等一些基礎(chǔ)信息初始化項(xiàng)目后安裝typescript
npm install -D typescript
這里的 -D 表示將這個(gè)插件安裝到開發(fā)環(huán)境下這個(gè)是簡(jiǎn)寫 完整的寫法： --save-dev-
初始化typescript
npx tsc --init
初始化typescript 后會(huì)生成一個(gè)tsconfig 文件蠕搜。
這里有一點(diǎn)需要注意的苔可，target 屬性表示編譯的版本 ，這里設(shè)置為esnext 表示最新的版本
image.png
2 運(yùn)行項(xiàng)目
項(xiàng)目創(chuàng)建后就是運(yùn)行項(xiàng)目了瓤鼻，首先創(chuàng)建一個(gè)index.ts 文件
- 使用node 命令運(yùn)行
使用node index.ts 運(yùn)行
需要注意的是童谒，這個(gè)文件中 interface name{}; 是typescript的語(yǔ)法 直接使用node命令運(yùn)行項(xiàng)目 會(huì)報(bào)錯(cuò)的挽封，需要編譯后才能運(yùn)行雹熬。
使用命令
npx tsc
編譯index.ts 文件 ,編譯好后 會(huì)生成一個(gè)index.js 文件 然后再使用 node index.ts 命令來(lái)運(yùn)行
-
安裝ts-node 運(yùn)行包
npm install -D ts-node
安裝ts-node 后可以直接運(yùn)行 ts文件。
命令： node -r ts-node/register index.ts
可以在package.json 中配置命令來(lái)運(yùn)行配置好之后 使用 npm start 就能運(yùn)行了
image.png
