Tag: vscode

一直都沒認真研究 vscode snippets 怎麼弄
今天去看了以後，發現蠻簡單的：

• 啟用：選到 Preferences > Settings ，在上方的搜索框輸入 “editor.tabcompletion”，把 Tab Completion 選為 on 或 onlySnippets 就可以。在輸入 prefix (前置字串)後，按下 tab ，就會出現 snippets 讓你選擇。
• 建立 snippets：
  • 手動建立：選到 Preferences > User snippets ，此時會要問你要編輯哪種類型檔案的 snippets，選好以後，會開啟一個 json 檔案，檔案裡面有註解說明，依照說明去編輯就可以了。編輯好，會立即生效。
  • 快速建立：安裝 Snippet Creator 這個 Extension (尋找 ryanolsonx.snippet-creator)，安裝好以後，先選取你要建立 snippet 的文字，然後按下 `ctrl + shift + p` ，依照提示輸入 prefix, description 以後，就可以了。
• 現成的 snippets：事實上，也有很多人把自己建立的 snippet 分享為 extension，供大家安裝。像 Python 就可以安裝 “Python snippets” (尋找 frhtylcn.pythonsnippets)，或是 “Python extended” (尋找 tushortz.python-extended-snippets)，或是 “Django” (尋找 bigonesystems.django)，安裝好以後，就可以使用了。至於該 extension 有提供哪些 snippets，就得自己去挖 extension 的說明檔或是原始碼了，對，這個意思就是要稍微記一下有哪些 prefix (前置字串)，否則就都沒用到，等於是白裝。

參考資料：

• Boost Your Efficiency with Customized Code Snippets on VSCode | by Khuyen Tran | Aug, 2020 | Towards Data Science
• Snippets in Visual Studio Code

Visual Studio Code 有獨立一個頁面介紹 Python 的部份：Python with Visual Studio Code

基本有4個 extension 要裝：

• Python
• Code Runner
• MagicPython
• Python for VSCode

Python 這個 extension 可以設定的東西很多，設定可以參考它的 Wiki ，可是知道有這些設定以後，該怎麼設定呢？你得先在專案資料夾下建立一個 .vscode 的資料夾，然後在裏面新增一個 settings.json ，這邊再參考 Wiki 去填入設定就可以了。

目前我的 Django 專案用的設定是這樣：

{
    "python.pythonPath": "/home/user/.virtualenvs/myproject/bin/python",
    "python.linting.flake8Enabled": true,
    "python.formatting.provider": "autopep8",
    "name": "Django",
    "type": "python",
    "request": "launch",
    "stopOnEntry": false,
    "program": "${workspaceRoot}/manage.py",
    "args": [
        "runserver",
        "--noreload"
    ],
    "debugOptions": [
        "WaitOnAbnormalExit",
        "WaitOnNormalExit",
        "RedirectOutput",
        "DjangoDebugging"
    ]
}

 

因為我用的是 virtualenv ，所以 python 執行檔跟相關的 library 都是在 $HOME/.virtualenv 這裡，把 python.pythonPath 設到這裡以後， intellisense/autocomplete 就可以正常運作。此外我也加上了 linting 與執行、除錯的相關設定。

其他還有 Jupyter 等等的，還沒去深入了解，再找時間來看。