macでTypeScriptの環境を構築したのでメモ
4490 ワード
macでTypeScriptの開発環境を構築したのでメモ。
node.jsの用意
TypeScriptをインストールするにはnode.jsのnpmを使用するらしい。
node.jsとnpmがインストールされているかを確認。
$ node -v
v8.10.0
$ npm -v
5.6.0
インストールされていた。
バージョンが古いのでアップデートしたい
nをインストール
$ sudo npm install -g n
node.jsを推奨版へアップデート
$ sudo n stable
npmのアップデート
$ sudo npm update -g npm
アップデートされたバージョンの確認
$ node -v
v10.16.3
$ npm -v
6.11.2
TypeScriptをインストール
1 適当な場所にディレクトリを作成
$ mkdir my-typescript-project
2 作成したディレクトリの中で npm init
を実行
実行したときに色々聞かれる
package name
と version
以外はそのままエンターでも良さそう。
https://techacademy.jp/magazine/16151
$ cd my-typescript-project
$ npm init
3 ローカルにTypeScriptをインストール
$ npm install --save-dev typescript
4 tsconfig.json
を作成
$ node_modules/.bin/tsc --init
5 作業ディレクトリ(my-typescript-project)直下にtsファイルを作成
test.ts
export function test() {
return 'hello wold';
}
6 tsc
コマンドを実行
$ node_modules/.bin/tsc
7 my-typescript-project
内に test.js
が生成される
test.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
function test() {
return 'hello wold';
}
exports.test = test;
参考
Author And Source
この問題について(macでTypeScriptの環境を構築したのでメモ), 我々は、より多くの情報をここで見つけました https://qiita.com/tkek321/items/6147c8b8b410ea9fdfae著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .