node(TypeScript)用の実験環境を作る

できあがったテンプレートはこちら。
https://github.com/xiaotiantakumi/typescript-node-starter

こちらを参考に進めました。

1
2
3
4
5
6
7
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npm init -y
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npm install typescript --save-dev
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npm install @types/node --save-dev
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npx tsc --init --rootDir src --outDir lib --esModuleInterop --resolveJsonModule --lib es6,dom --module commonjs
 
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npm install ts-node --save-dev
takumi@ ~/Documents/Azure/work/ts/vite/sample-0715$ npm install nodemon --save-dev

tsconfig.jsonを修正

1
2
3
4
5
6
7
8
9
10
{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "outDir": "dist",
    "rootDir": ".",
    "sourceMap": true,
    "strict": false
  }
}

ソースファイル作成

1
2
mkdir src
touch src/index.ts

index.tsを修正

1
2
3
4
5
const main = () => {
    console.log('Hellow World!');
};
 
main();

これでnpm run startすればコンソールログにHellow Worldがでます。

node.js, TypeScriptTypeScript

Posted by takumioda