Try   HackMD

VSCode Settings

A quick tutorial for myself.
Github Version

C++

  1. Download VSCode
    Click me

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  2. Install Extensions

    • C/C++

      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

    • C++ Intellisense

      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

  3. Install MinGW

    • Click me
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • Select mingw32-gcc-g++ (bin), and then go to All Packges select mingw32-gdb (bin).
    • Click Installation -> Apply Change
  4. Set Environment Variables

    • Paste C:\MinGW\bin
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
  5. Set folders for C++ program

    • Structure like this

      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

    • Download from here or copy codes below

    tasks.json

    ​​​​{ ​​​​ "tasks": [ ​​​​ { ​​​​ "type": "cppbuild", ​​​​ "label": "C/C++: g++.exe build active file", ​​​​ "command": "C:\\MinGW\\bin\\g++.exe", ​​​​ "args": [ ​​​​ "-fdiagnostics-color=always", ​​​​ "-g", ​​​​ "${file}", ​​​​ "-o", ​​​​ "${fileDirname}\\${fileBasenameNoExtension}.exe" ​​​​ ], ​​​​ "options": { ​​​​ "cwd": "${fileDirname}" ​​​​ }, ​​​​ "problemMatcher": [ ​​​​ "$gcc" ​​​​ ], ​​​​ "group": { ​​​​ "kind": "build", ​​​​ "isDefault": true ​​​​ }, ​​​​ "detail": "Task generated by Debugger." ​​​​ } ​​​​ ], ​​​​ "version": "2.0.0" ​​​​}

    settings.json

    ​​​​{ ​​​​ "files.associations": { ​​​​ "ostream": "cpp", ​​​​ "array": "cpp", ​​​​ "atomic": "cpp", ​​​​ "bit": "cpp", ​​​​ "*.tcc": "cpp", ​​​​ "cctype": "cpp", ​​​​ "clocale": "cpp", ​​​​ "cmath": "cpp", ​​​​ "compare": "cpp", ​​​​ "concepts": "cpp", ​​​​ "cstdarg": "cpp", ​​​​ "cstddef": "cpp", ​​​​ "cstdint": "cpp", ​​​​ "cstdio": "cpp", ​​​​ "cstdlib": "cpp", ​​​​ "cwchar": "cpp", ​​​​ "cwctype": "cpp", ​​​​ "deque": "cpp", ​​​​ "string": "cpp", ​​​​ "unordered_map": "cpp", ​​​​ "vector": "cpp", ​​​​ "exception": "cpp", ​​​​ "algorithm": "cpp", ​​​​ "functional": "cpp", ​​​​ "iterator": "cpp", ​​​​ "memory": "cpp", ​​​​ "memory_resource": "cpp", ​​​​ "numeric": "cpp", ​​​​ "random": "cpp", ​​​​ "string_view": "cpp", ​​​​ "system_error": "cpp", ​​​​ "tuple": "cpp", ​​​​ "type_traits": "cpp", ​​​​ "utility": "cpp", ​​​​ "initializer_list": "cpp", ​​​​ "iosfwd": "cpp", ​​​​ "iostream": "cpp", ​​​​ "istream": "cpp", ​​​​ "limits": "cpp", ​​​​ "new": "cpp", ​​​​ "numbers": "cpp", ​​​​ "stdexcept": "cpp", ​​​​ "streambuf": "cpp", ​​​​ "typeinfo": "cpp", ​​​​ "iomanip": "cpp" ​​​​ } ​​​​}
  6. Start Coding!!

    • Press Ctrl+Shift+B and it'll start build.
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • After building succeed, enter ./(Your_file_name).exe it'll run the file.
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

Python

  1. Install Python

    • Click me
    • Check if Python is installed in terminal.
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

    Note. There's a checkbox for adding Python to PATH. So basically we don't need to add Python to Environment Variables by ourselves.

  2. Set folders for Python program

    • Structure like this

    • Download from here or copy codes below

    settings.json

    ​​​​{ ​​​​ "python.pythonPath": "C:\\Users\\User_name\\AppData\\Local\\Programs\\Python\\Python39\\python.exe", ​​​​ "python.linting.enabled": true, ​​​​ "python.linting.pylintEnabled": true ​​​​}
  3. Install Python Extension

  4. Start Coding!!

    • Before executing the program, enter below codes in the terminal to install debugger.
      pip intall pylint

    • Enter python (Your_file_name).py in the terminal to run the file.

Node.js

Install Node.js
Click me

Note. Same as Python, the Environment Variables is already set, there's no need to set it again.

Git

Install Git
Click me

Note. Same as Python and Node.js, the Environment Variables is already set, there's no need to set it again.