NOTO

typescript 事始め

 Date:2021-01-08 17:56:02 +0900
 Categories: TECHNOLOGY

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

added 1 package from 1 contributor in 2.004s

$ npx -v

6.9.0

$ npx tsc

Version 4.1.3

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

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

https://journal.lampetty.net/entry/setup-typescript-development-environment

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

なるほど出力された。

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

Tweet