typescript 事始め

typescript をちょっと個人で書かなければいけないかもしれないので、本当に少しだけ触っていくための準備をしてみた。

インストール

$ npm install -g typescript
/Users/ryo/.nodenv/versions/10.16.2/bin/tsc -> /Users/ryo/.nodenv/versions/10.16.2/lib/node_modules/typescript/bin/tsc
/Users/ryo/.nodenv/versions/10.16.2/bin/tsserver -> /Users/ryo/.nodenv/versions/10.16.2/lib/node_modules/typescript/bin/tsserver
+ typescript@4.1.3
added 1 package from 1 contributor in 2.004s

$ npx -v
6.9.0
$ npx tsc
Version 4.1.3

IntelliJ Idea でプロジェクトを作成

こちらを見ながら作業をしていった。

  • File Watchers というプラグインを入れた。
  • hello.ts ファイルを作った
class Hello {
    message: string;
    constructor(message) {
        this.message = message;
    }

    printMessage() {
        console.log(this.message);
    }
}

let hello = new Hello('hello');
hello.printMessage();


tsファイルを作っても File Watchersが反応してくれなかったので、

$ npx tsc hello.ts

をしてみたら、hello.jsができてた。

var Hello = /** @class */ (function () {
    function Hello(message) {
        this.message = message;
    }
    Hello.prototype.printMessage = function () {
        console.log(this.message);
    };
    return Hello;
}());
var hello = new Hello('hello');
hello.printMessage();


このjsどこで実行したらいいかなー、もしかしてnpx(のことをわかってない)でいけるのではn?って思ってやってみたらいけた

$ npx run hello.js
npx: installed 5 in 1.275s
Watching ts-helloworld and all sub-directories not excluded by your .gitignore. Will not monitor dotfiles.

Starting: hello.js
hello



なるほど出力された。

もう少し勉強を勧めたい、何を題材としてやっていこうかこれから考えていこう。

Pocket

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください