79日目③:VScode(Visual Studio Code)にExtensionsを入れて設定もカスタマイズする

導入したExtensionsと設定で変更してカスタマイズした箇所は以下の通りです

VScode (Visual Studio Code) Extensions

Bracket Pair Colorizer

ES7/ React/ Redix/ GraphQL/ React-Native/ JS-snippers (Javascriptなどのコードのショートカット作成のため)

Prettier Code Formatter

VScode(Visual Studio Code)のセッティング(設定)でカスタマイズした箇所

Format on Save (チェックを入れた)

Prettier: JsxSingle Quote

Prettier: Disable Languages のedit in setting jsonを開いて

{
"editor.fontSize": 26,
"terminal.integrated.fontSize": 26,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"emmet.syntaxProfiles": {
"javascript":"jsx",
"xml": {
"attr_quotes": "single"
}
},
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
を追加しました。
WindowsのGitBashを使うために
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe" 
を追加しました。 

Visual Studio CodeのIntegrated Terminalのページに詳細が掲載されています。 
⇒ Integrated Terminal (Visual Studio Code)

 

使用している教材と現在の状況

Udemy:MERN Stack Front To Back: Full Stack React, Redux & Node.js by Brad Traversy
Sec1 Introduction

講師が公開しているアプリの完成形(GitHub)はこちら⇒DevConnector 2.0

進捗状況:8%

~本日は休みにしている教材~

Udemy:The Complete Web Developer: Zero to Mastery by Andrei Neagoie

進捗状況: 92%

  • 131日目~134日目:Udemyで一番人気のGit (&GitHub) コースを修了!学習した内容・学習にかかった時間とおすすめ度をご紹介: Completed Git course by Udemy "Git Complete: The definitive, step-by-step guide to Git" by Jason Taylor: Highly recommended to both beginner & intermediate leaner
  • 121日目~130日目:Udemyで新しいReactコース学習とGit & GitHubのコースを受講し始める #100dayofcode Round 2
  • 120日目:プログラミング学習100日チャレンジの完了とこれからの学習&ブログ記事:100days of code completed & from now on
  • 119日目:完成したWebアプリケーションの公開(Devconnector deployed on Heroku)
  • 118日目:Udemy講座の感想口コミ&自分に合った講座の選び方ポイント:Mern Stack Front to Back: Full Stack React, Redux & Node.js by Brad Traversy
  • 117日目:完成!Herokuへのデプロイ成功:Heroku CLIのインストールからWebアプリデプロイまで。Herokuの使い方と、package.jsonとgitコマンドではまったところと解決方法
おすすめの記事