1. 程式人生 > >VS Code 外掛安裝(待續...)

VS Code 外掛安裝(待續...)

python 配置

  1. 將anaconda的路徑新增到”環境變數” -> “系統變數” -> “path”:
    C:\Program Files\Anaconda2;C:\Program Files\Anaconda2\Scripts;C:\Program Files\Anaconda2\Library\bin (如果在安裝時已經新增環境變數,可以忽略本步驟)
  2. 安裝python 外掛
    1). 開啟VSCode, Ctrl + p
    2). 輸入 ext install python, 搜尋時間可能比較長
    3). 安裝如下圖的外掛:

    vscode_python


    如果發現,還安裝了其他的python外掛的話,可以禁用其他的外掛,例如我這裡除了上圖的外掛,還安裝了”Python for VSCode” 這個外掛, 在測試上圖的python外掛是否安裝成功時,總是跟其他的教程顯示的結果不一樣,然後我禁用了 “Pyhton for VSCode” 這個外掛,就正常了。
  3. 配置 flake8:
    1). 開啟 windows的命令列: cmd
    2). 輸入 pip install flake8
    3). 安裝完成後,開啟vscode, 檔案 -> 首選項 -> 設定, 在“使用者設定”裡, 輸入:
    “python.linting.pylintEnabled”: false,
    “python.linting.flake8Enabled”: true,
  4. 配置 yapf:
    1). 開啟命令列; cmd
    2). 輸入 pip install yapf
    3). yapf安裝成功後,開啟VScode, 檔案 -> 首選項 -> 設定, 在“使用者設定”裡,輸入
    “python.formatting.provider”: “yapf”

vscode-icons 外掛:
這個外掛的功能是會在左側的資源管理器和頂部的檔案便籤上根據檔案型別的不同顯示不同的圖示

  1. 開啟VSCode, ctrl + p
  2. 輸入 ext install vscode-icons, 顯示效果如下圖
    vscode-icons

    我們可以看到,左側每一個檔案的圖示都是不同的,同時,在右側,每一個檔案的標籤的左上角的圖示也是不同的。


File Template:
這個外掛可以針對不同字尾的檔案設定不同的模版,並且可以插入檔案的表頭註釋資訊。

  1. 開啟VScode, ctrl + p
  2. 輸入ext install file template
  3. 安裝的外掛截圖 :
    scode_file_template
  4. 建立一個python新檔案:
    a). 按下 Ctrl + N 新建一個空白的新檔案
    b). 按下 Ctrl + Shift + P
    c). 輸入 Tmpl py: Create Template, 然後按下回車鍵
    vscode_python_tmpl
  5. 我們看到上圖中,我們需要每次修改使用者名稱和郵箱等資訊,我們還可以在模版裡設定好這些資訊, 在新建檔案時就不需要修改裡。這樣設定的方法.
    a). 進入路徑: C:\Users\Administrator.vscode\extensions\RalfZhang.filetemplate-2.0.4\asset\templates
    b). 備份一個python.tmpl , 名字為 python -副本.tmpl
    c). 開啟python.tmpl, 在這個檔案裡,你可以填寫你任何想要填寫的資訊, 我這裡填寫的資訊是:
    vscode_python_tmpl_self
    d). 儲存這個模版資訊後,在重新建立一個新的python檔案時,結果入下圖:
    vscode_python_tmpl_new

Markdown Preview Enahnced:
這是一個支援markdown的外掛
VScode 天生是支援markdown的,但是功能還不能滿足我的需求,所以這裡安裝了這個外掛

  1. 開啟 VS code, ctrl + p
  2. 輸入ext install markdown preview enhanced
  3. 選擇下圖所示的外掛安裝
    vscode_markdown_preview_enahnced
  4. 開啟 “檔案“ -> “首選項” -> “設定” -> “使用者設定”裡,插入一下的設定:
    “markdown-preview-enhanced.breakOnSingleNewLine”: false,
    “markdown-preview-enhanced.mermaidTheme”: “mermaid.forest.css”,
    “markdown-preview-enhanced.mathRenderingOption”: “KaTeX”,
    “markdown-preview-enhanced.codeBlockTheme”: “default.css”,
    “markdown-preview-enhanced.previewTheme”: “github-light.css”,
    “markdown-preview-enhanced.scrollSync”: true,
    “markdown-preview-enhanced.frontMatterRenderingOption”: “table”,
    “markdown-preview-enhanced.singlePreview”: true,
    “markdown-preview-enhanced.imageFolderPath”: “/assets”,
    “markdown-preview-enhanced.imageUploader”: “sm.ms”,
    “markdown-preview-enhanced.usePandocParser”: false,
    “markdown-preview-enhanced.printBackground”: true,
    “markdown-preview-enhanced.revealjsTheme”: “beige.css”,

  5. 使用 ctrl + shift + M 預覽