7_Visual Studio Code

7476 ワード
TIL テキストリンク
今日やったこと
  • Visual Studioコードのインストール
    (+生産性向上のための推奨拡張版)
    • 1) Material icon theme
    - 사이드바의 아이콘을 직관적으로 변경
    2) Prettier
    - (알아보기 쉽게) code를 스타일링
    3) bracket pair colorizer2
    - (알아보기 쉽게) 괄호를 색상별로 정리
    4) Indent-rainbow
    - (알아보기 쉽게) 들여쓰기를 색상별로 정리
    5) Auto rename tag
    - close tag를 자동으로 작성
    6) CSS PEEK
    7) HTML CSS SUPPORT
    8) LIVE SERVER
      - 실시간으로 코드의 내용을 화면에 표시
    9) html to css autocompletion
    注意:推奨
  • ノードjsのインストール
    -インストーラ:ウェイター.適当な食べ物を探して持って行ってくれるので、食べればいいです.
    -バイナリ:食べ物そのもの.私に似合う食べ物を探しに行きます.
    -sourcecode:原材料とレシピ.自分で私に合う食べ物を作って食べなければなりません.
    • 注意:Quora

  • Babyとは
    -JavaScriptの上下バージョンと互換性のあるコンパイラ.

  • Emetの使用方法
    • 1) 태그 자동완성 ex) div>(header>ul>li*2)+footer>div

    <div>
      <header>
        <ul>
          <li></li>
          <li></li> 
        </ul>
      </header>  
      <footer>
        <div></div>
      </footer>
    </div>
    
2) 숫자 자동완성 ex) p.class${item $} *5

    <p class="class1">item 1</p>
    <p class="class2">item 2</p>
    <p class="class3">item 3</p>
    <p class="class4">item 4</p>
    <p class="class5">item 5</p>
    
3) 임의의 글자 자동완성 ex) p>lorem4
	
    <p>Lorem ipsum dolor sit</p>
    注意:Emetの使用方法
  • VSC略語(macosベース)
    - toggle sidebar: (cmd) + (b)
    -ファイルを開く:(cmd)+(p)
    -端末:(制御)+(`)
    -同じ単語を同時に選択:(cmd)+(d)
    • 注意:略語

    明日やること

  • 以上のコードプリラーニング
  • JavaScriptのリスニングについて
    • Springbootでのタスクの非同期実行
    107979鉄棒(C++)