Code Editor Setup

標準オペレーティングシステム:clear linux
インストール(他のOSまたはリリース版の場合は、異なるインストール方法が必要です)
1. neo-vim

sudo swupd bundle-list | grep desktop
sudo swupd bundle-add desktop
flatpak install flathub io.neovim.nvim
flatpak run io.neovim.nvim

nodejs

sudo swupd bundle-add nodejs-basic

setup

# Create a new folder
mkdir chapter-2
cd chapter-2
# Initialize a new NPM project (follow the prompts)
npm init
# Install TSC, TSLint, and type declarations for NodeJS
npm install --save-dev typescript tslint @types/node

tsconfig.json

すべてのtsプロジェクトはルートディレクトリにtsconfigを設定します.jsonファイルが含まれています.
コンパイルするファイル、コンパイル後に送信するディレクトリ、jsバージョンを定義します.
作成後の入力

echo "{ \"compilerOptions\": { \"lib\": [\"es2015\"], \"module\": \"commonjs\", \"outDir\": \"dist\", \"sourceMap\": true, \"strict\": true, \"target\": \"es2015\" }, \"include\": [ \"src\" ] }" > tsconfig.json

コンテンツの定義

include:TSCがコンパイルするファイルを検索すると、どのフォルダを表示できますか.
lib:TSCが運行する環境はどんなAPIを使う(ES 5、ES 2015、DOM)
moodle:TSCでコンパイルするファイルはどのモジュールシステムを使用しますか?(CommonJS, SystemJS, ES2015, etc.)
outDir:TSCが生成したJavaScriptコードをどこに格納するか
strict:できるだけ厳格なコードチェックを実行
target:TSCはどのJavaScriptバージョン(ES 3、ES 5、ES 2015、ES 2016など)にコンパイルすべきか

tslint.json

コードスタイル規則の設定(タブスペースなど)
tsinitの使用はオプションですが、他の人と協力するためには、一貫した符号化スタイルを維持する必要があります.
デフォルト設定TSlint

./node_modules/.bin/tslint --init

index.ts

tsファイルの作成

mkdir src
touch src/index.ts

これまでの全ディレクトリリスト

tsファイルの変更

echo "console.log('Hello TypeScript!')" > src/index.ts

コンパイル

./node_modules/.bin/tsc

実行

node ./dist/index.js

結果
Hello TypeScript!