Programming Self-Study Notebook

勉強したことを忘れないように! 思い出せるように!!

VSCode

VSCodeのmarkdownプレビューを自分好みにカスタマイズ!

VSCodeのMarkdownファイルのプレビューって見づらくないですか!? Markdownは手軽に様々な表現ができるので好きなのですが、使用するツールによって行間が広すぎるとか箇条書き開始位置が右過ぎて深くなると行数が増えるとか、、、。利用するツールによって…

ESLintのチェックを部分的に回避する

どおしても回避できない場合のテクニック the maximum line length of 80. (max-len) 例えば「URLだから、短縮しようがなくない?」って時の対処方法 const SOMETHING_KEY = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx…

VSCodeにESLintを導入する

開発環境の構築に関して記載します。ここではスタイルairbnbを採用しまし。 作業0.前提条件 作業1.VSCodeにESLintを入れる(各自) 作業2.必要モジュールをインストールする(各自) 作業3.「.eslintrc.json」を作成する(代表者のみ) 作業4.VSCodeの…

VSCode おすすめ拡張機能(プラグイン)

私が追加したプラグインに関するメモです。 2020.7.7時点 基本中の基本 アイコン 名称 機能 Japanese Language Pack for Visual Studio Code 日本語用言語パック拡張 コーディングアシスト アイコン 名称 機能 zenkaku 全角スペースを可視化する indent-rain…

改行コードを変更する

VSCodeで『改行コードを変更する』方法をメモします。 デフォルトの改行コードを変更する 手順1.メニューバーより『ファイル->基本設定->設定』を選択する 手順2.『設定の検索』に『files.eol』を入力する 選択肢 内容 \n macOS/Linuxのデフォルトの改行コー…

半角スペース・全角スペースの可視化

VSCodeで『半角スペース・全角スペース・Tabの可視化』する方法をメモします。 半角スペースの可視化 手順1.メニューバーより『ファイル->基本設定->設定』を選択する 手順2.『設定の検索』に『editor.renderWhitespace』を入力する 選択肢 内容 none 空白文…