[Tech] VScode

· 3 min read · (479 words)

Sharp tools make good work. (工欲善其事, 必先利其器!)

Environment & tools for Coding & Note taking.


  • Requirements:

    • Light Weight: Not too slow; do not have to be so powerful
    • Programming languages: C/C++, python, markdown, js, go
    • Platform: Win10, ios
  • Options:

    • Coding
    IDE Pros(+) Cons(-) Comments
    IDE Pros(+) Cons(-) Comments
    ✔️ VSCode - LightWeight
    - Plenty of Plugins (Extensions)
    - Markdown editor
    Lack of C/C++ compiler? Nice
    VS Powerful - Complicated setup
    - Slow
    Auxiliary
    Sublime Compatible Plugins: Trello, Evernote Experience: not amazed Maybe
    • Note Taking
    App Pros(+) Cons(-) Comments
    ✔️ OneNote Free Messy layout Trying
    Google drive Free, Sync, Compatibility Search? Maybe 1
    Evernote Simple & Clean Limited device, $ Maybe 2
    Bear Mac & ios only Markdown
    • Blogging
    Framework Language Pros(+) Cons(-) Comments
    ✔️ Hugo Go - learn Go
    - Bright Future?
    Less Chinese resource Will Try, (support emoji?)
    Hexo Node.js - learn js (front-end, vue?)
    - Plenty Chinese resources (from Taiwan!)
    - support emoji
    - vscode plugin
    Maybe 1
    Jekyll Ruby Most popular blog framework Slow Tried

VSCode

alt text

Compiler

Since there is no built-in C/C++ compiler in VSCode, here are some options:

Compiler features Comments Links
Cygwin Unix-like environment for Windows Follow the tutorial, it worked fine in the beginning, but didn’t work after some chaos… - Youtube tutorial
- Cf. MinGW
GitBash Based on MinGW (error…)
✔️ Linux Bash built-in Ubuntu VM on Win10 Easy! How to
  • VSCode Setup: File/Preference/settings.json
// 64-bit cmd if available, otherwise 32-bit
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"
// 64-bit PowerShell if available, otherwise 32-bit
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
// Git Bash
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
// Bash on Ubuntu (on Windows)
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\bash.exe"

Extensions

  • Coding
    • C/C++ ms-vscode.cpptools
    • Native Debug
    • Shell launcher
    • x86 and x86_6 4Assembly: highlight assembly code
  • Markdown
    • markdownlint
    • Markdown Preview Github Style: With white background preview
    • Markdown TOC: Create table-of-content
    • Markdown Table Prettifier: Format markdown table
    • Markdown Emoji
  • Tools
    • Git History
    • Code Spell Checker

Shell launcher

  • Usage: Open multi terminals.
  • Comment: Don’t need to restart/switch between terminals. Pretty useful to me.
  • How to:

    • Install:
    • Download extension
    • File/Preference/settings.json, add:
        "shellLauncher.shells.windows": [
              {
                  "shell": "C:\\Windows\\System32\\cmd.exe",
                  "label": "cmd"
              },
              {
                  "shell": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
                  "label": "PowerShell"
              },
              {
                  "shell": "C:\\Program Files\\Git\\bin\\bash.exe",
                  "label": "Git bash"
              },
              {
                  "shell": "C:\\Windows\\System32\\bash.exe",.
                  "label": "WSL Bash"
              }
          ]
    
    • Run: (every time)
    • press CTRL + ALT + `: (show on the top) alt text
    • then they will be opened. (below terminal section) alt text
  • Ref: https://stackoverflow.com/questions/43427631/how-to-add-multiple-terminal-in-vs-code

markdownlint

  • Usage: Check md rules.
  • Comment: A good way to learn md. 😃
  • How to:
    "markdownlint.config": {
        "MD013": false,
        "MD004": {"style":"sublist"},  //Use different symbols in different levels
        "MD033": {"allowed_elements":["br"]}  //Using html tag (line break) without Warning
    }

Notes

  • Shortcuts:
    • Toggle menu bar (top): ALT, if it disappears 😂
    • Multi-line editing: CTRL+ALT, to select multi-cursors ref. alt text
  • Emoji Cheat sheet

@TODO