Visual Studio Codeをインストールしましょう
まずはホームページからVisual Studio Codeをダウンロードしてきます。
そして、以下のように、エクスプローラー関連のチェックボックスにチェックを入れてインストールしてください。
次に、適当なフォルダ[例]C:\VSCODE_TypeScript
を作成してフォルダ内で右クリックしてOpen with Codeをクリックします。
その後、画面上で、Ctrl+Shift+Cか右クリック(コマンドプロンプトで開く)で、コマンドプロンプトを開きます。
この操作をすると、このフォルダ階層C:\VSCODE_TypeScript
でコマンドプロンプトが開かれます。
Node.jsでJavaScriptコードを実行しましょう
試に、簡単なJavaScriptプログラムを実行して、node.jsを使って実行できるかテストします。
VSCODE_TYPESCRIPTフォルダ階層の横で、ファイルボタンを押して、index.js
ファイルを作成します。
次に、index.jsファイルには、'console.log("Hello. Node.js World!!");'と記載してください。
最後に、コマンドプロンプト上で、node index.js
を実行すると、Hello. Node.js World!!
が表示されます。
npmを用いて、TypeScriptコンパイラをインストールしましょう
npmコマンドnpm init
を実行してpackage.jsonファイルを生成します。
nameは適当な値を入力して、あとはEnterを連打してください。
なお、npmコマンドを使用するためには、先に、node.jsをインストールする必要があります。
package.jsonファイルが生成されました。
次に、TypeScriptコンパイラをnpmコマンドを用いてインストールします。
次のように入力してください。npm install typescript --save-dev
--save-devはinstallしたlibraryの情報を自動でpackage.jsonに書いてくれるoptionです。
TypeScriptコードをビルドして実行しましょう
先ほどのindex.jsファイルを削除して、同じフォルダ階層にindex.tsファイルを作成して以下のように記述してください。
class Main // classを指定してクラス化 { // コンストラクター constructor() { console.log("Hello! Node.js × TypeScript from Class"); } } // Mainクラスのインスタンスを作る var main:Main = new Main();
次に、コマンドプロンプト上で、node_modules\\.bin\\tsc index.ts
と入力すると、
index.jsファイルがindex.tsと同じ階層に作られます。
次に、node index.js
を実行すると以下のように表示されます。
package.jsonの記述で、ビルドして実行をしましょう
package.jsonファイルを以下のように修正します。 修正した箇所は、scriptsフィールドの箇所のみ。
{ "name": "temp", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build":"node_modules/.bin/tsc index.ts", "start":"node index.js" }, "author": "", "license": "ISC", "devDependencies": { "typescript": "^1.8.10" } }
index.jsファイルを削除して、コマンドプロンプト上で、npm run build
を入力すると、ビルドが実行されます。
index.jsファイルが生成されるので、コマンドプロンプト上で、'npm run start'を入力すると、JavaScriptコードが実行されます。
では、次は、ビルドと実行を一度に行いましょう。 scriptsフィールドに'prestart'を追加します。jsonファイルには、以下のように記載します。
{ "name": "temp", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build":"node_modules/.bin/tsc index.ts", "start":"node index.js", "prestart":"node_modules/.bin/tsc index.ts" }, "author": "", "license": "ISC", "devDependencies": { "typescript": "^1.8.10" } }
npm start
をコマンドプロンプト上で実行すると、ビルドと実行を同時に行うことができます。
tsconfig.jsonファイルを用いて、ビルドを制御しよう。
sconfig.jsonファイルを生成するためにコマンドプロンプトにnode_modules\\.bin\\tsc --init
と入力します。
続きはまた書きます。
npmコマンド学習サイト
以下のページを用いて、私も学習していきます。