環境構築手順

環境整備(Visual Studio Code)

1. Node環境構築（安定板の最新：10.*系）
   https://qiita.com/LightSpeedC/items/b273735e909bd381bcf1
   https://qiita.com/kyosuke5_20/items/c5f68fc9d89b84c0df09

2. Extension（必須最低）

   • 拡張)Angular Essentials
     ※Angularの基本的なセットを入れてくれる
   • 拡張)Angular CLI
     ターミナルでインストール　→　npm install -g @angular/cli
   • 拡張)Angular Console
   • 拡張)Git History
   • 拡張)Git Lens
   • 拡張)GitHub Pull Requests
   • 拡張)Bracket Pair Colorizer
   • 拡張)SassDoc
     ターミナルでインストール　→　npm install sassdoc -g"
   • 拡張)swagger viewer
   • 拡張)Bookmarks
   • 拡張)Json To TS

3. 拡張（推薦）

   • Angular Language Service
   • Angular Schematics
   • Angular Snippets (Version 8)
   • angular2-inline
   • angular2-switcher
   • Auto Close Tag
   • Auto Import
   • Auto Rename Tag
   • Beautify
   • Better Comments
   • Bracket Pair Colorizer 2
   • Code Spell Checker
   • Color Highlight
   • Debugger for Chrome
   • EditorConfig for VS Code
   • gitignore
   • indent-rainbow
   • JSON to TS
   • Paste JSON as Code
   • Rainbow Highlighter
   • Rainbow Tags
   • TSLint
   • TODO Highlight
   • Visual Studio IntelliCode

4. key shortcuts

   VS Code的快捷键文件为keybindings.json。
   用户设置的文件保存在如下目录：

   • Window %APPDATA%\Code\User
   • Mac $HOME/Library/Application Support/Code/User
   • Linux $HOME/.config/Code/User

参考附件

技術要素

1. Angular https://angular.cn/docs

2. Angular Material https://material.angular.cn/

3. Redux https://ngrx.io/

4. TypeScript https://www.tslang.cn/docs/home.html

5. RxJS https://rxjs-dev.firebaseapp.com/guide/overview
   中文：https://cn.rx.js.org/