はじめに
プロジェクトでNuxt.jsとTypescriptを使用したフロントエンド開発を経験してきて今までなんとなく書いていたので基礎をしっかり身に着けることで同じような技術スタックの案件の時に即戦力になりたいと思い、改めて学び直してみた。
Typescript で Hello World するまで
Typescript をグローバルにインストール
terminalで下記コマンドを入力する。ちなみに今回は node はすでにインストールされている前提。
$ npm install -g typescript
任意の場所でディレクトリを作成して新規tsファイルを作成する。ここではindex.tsを作成。
index.tsに下記を記述。
index.ts
let hello:string = 'hello'
console.log(hello)
作成したindex.tsをjsにコンパイル
お使いのterminalで下記コマンドを実行(tsc はTypescriptをインストールしたことで使用可能なコマンド)
$ tsc index.ts
同じファイルにindex.jsが自動作成される。
jsファイルを確認するとTypescriptがJsに変換されている。
index.js
var hello = 'hello';
console.log(hello);
JSファイルを実行
terminalで下記コマンド実行
$ node index.js
helloが出力される
hello
↧