[컴] 간단하게 typescript 시작하기 2

 typescript tsconfig / simple typescript project typescript boilerplate / typescript start / typescript template / tsc /ts시작 / ts 하기 / ts 시작하기 / Command typescript

typescript 시작하기

여기서는 node/npm 은 설치되어 있다고 가정한다.

절차

1. typesciprt 설치
2. tsconfig.json 추가
3. tsc --watch 추가 : package.json 에 tsc --watch 를 추가하자. 이것을 띄워놓으면 ts를 수정하면 바로바로 js 로 compile 된다.

typescript 설치

npm init
npm i typescript --save-dev
npm i -D @types/node

npm i command

tsconfig.json

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
    },
    "include": [
        "./src/**/*.ts"
    ],
    "exclude": [
        "**/*.test.tsx"
    ]
}

package.json

{
  "name": "myproj",
  ...
  "scripts": {
    "twatch": "tsc --watch"
    ...
  },
  ...
}

cli application 예시

1. commander 추가: npm i commander
2. code 추가
3. 실행 : node ./dist/index.js

// index.ts
import * as commander from 'commander';

function doSomething(keystOption){
    console.log(keystOption)
}

function main() {
    const program = new commander.Command();
    program
      .version('1.0.0', '-v, --version')
      .name('log-differ')
      .usage('[OPTIONS]...')
      .option('-st, --keyst <file_path>', 'key s.t is printed')
      .option('-d, --debug-option', 'debug option')
      .option('-kd, --keydiff <value>,<value>', 'diff target files')
      .option('-kv, --keyvalue <log_file>,<key_file>', 'extract keys from a log')
      .parse(process.argv);
  
    const options = program.opts();
    
    if ('keyst' in options) {
      doSomething(options.keyst)
      return
    }else if('debugOption' in options){
      console.log('debug')
    }
  
}
  
main()