VScode中配置Python3開發環境


前言

Visual Studio Code已經連續兩年蟬聯最受歡迎的代碼編輯器。可見其火熱程度。

打開后搜索Development Environments and Tools就可以看到

作為一個緊跟前沿技術的測試。。。當然也要體驗一下巨硬這款開源的編輯器。

下載安裝

官網網址:https://code.visualstudio.com/

img

系統不同下載框提示的文字不同,我的系統是MacOS

點擊Download for Mac下載安裝。

初次配置

安裝vscode的過程,就不做贅述了。

安裝完成打開后,會看到vscode的歡迎頁面。But卻是英文的。

點擊左側邊欄插件管理 image.png然后在搜索框搜索Chinese

img

點擊install 安裝。

通篇提示:如果插件安裝完成后vscode會提示你需要重新加載。點擊重新加載之后這個插件才算安裝成功

安裝python插件,同樣的在插件管理中搜索python

image-20200119142122753

搜索結果的第一個Microsoft出品的就是我們要安裝的python插件,點擊install 安裝。

還有一個快捷安裝python插件的方法,在最開始的歡迎頁面,右上角工具和語言有一個點擊python的地方。

image-20200119142324644

這里我已經安裝過了,所以它是置灰的狀態。

初次使用

確保電腦中已經安裝了Python3

進入一個目錄,隨便一個目錄。

比如我當前進入的目錄是

~/VScode/web-demotest/docs

然后我們在當前的文件下創建一個python文件demo.py

image-20200119143355969

然后我們在文件中編寫我們學習編程預言的第一句話hello world。

image-20200119143330528

可以看到圖片中文件名后面跟了一個小白點,這個是當前文件沒有保存的提示

當我們使用Ctrl+S保存之后,這個小白點就會消失了。

image-20200119143611236

我們在命令行中執行該文件:

  • 第一種執行方式

    hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$ python3 demo.py 
    hello world
    hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$ 
    
  • 第二種執行方式

    在當前文件中點擊鼠標右鍵,選擇在終端中運行python文件

    image-20200119143944282

    終端中會輸出:

    hoou@houweixuandeMacBook-Air:~/VScode/web-demotest$ /usr/local/bin/python3 /Users/hoou/VScode/web-demotest/docs/demo.py
    hello world
    hoou@houweixuandeMacBook-Air:~/VScode/web-demotest$ 
    

    這就是vscode執行python文件的兩種方式,推薦第一種。

插件安裝

單純的原生vscode並不能滿足我們日常的需求,就想一個沒有買裝備的英雄,戰斗力其實並不強。

vscode強大的插件生態系統,來滿足我們的各種需求。

  • code runner——鍵運行文件的代碼執行插件,只需在文件中右鍵然后點擊run code

img

  • IDEA鍵位——熟悉了pycharm的可能一時半會熟悉不了vscode的按鍵,所幸有人開發了這款插件,找回熟悉的感覺。

pycharm

  • filesize——在下方狀態欄顯示你當前文件大小的插件

image-20200119144557354

  • Git graph——顯示當前倉庫的提交信息等,主要是美觀

image-20200119144642269

  • gitignore——快速添加 .gitignore

gitignore

  • guides——顯示你當前縮進的插件,會將你所在的繪制成紅色,提示性強

image-20200119144832316

  • 文件圖標主題——個人最喜歡的文件圖標主題,推薦大家使用

image-20200119144915964

  • view in browser——一鍵顯示HTML文件在你的瀏覽器

image-20200119144954635

  • path intellisense——當前文件中路徑補全提醒,很好用的

image-20200119145030300

  • Prettier - Code formatter——是一個自以為是的代碼格式化程序。它通過解析代碼並使用自己的規則(考慮最大行長)重新打印代碼,從而實現一致的樣式,並在必要時包裝代碼。

image-20200119145103722

  • bracket pair colorrizer 2——針對當前代碼中的不同層級的括號,區分顏色顯示,很實用

image-20200119145249438

  • Code Spell Checker——當前文件中的單詞拼寫檢查,很實用

image-20200119145332650

  • output colorrizer——用於輸出欄的顯示顏色不同

image-20200119145412487

日常設置和使用

  • Pylance代碼智能補全增強
    img
    特性:

    • Docstrings
    • 簽名幫助,帶有類型信息
    • 參數建議
    • 代碼完成
    • 自動導入(以及添加和刪除導入代碼操作)
    • 鍵入時報告代碼錯誤和警告(診斷)
    • 代碼大綱
    • 代碼導航
    • 編碼鏡頭(參​​考/實現)
    • 類型檢查模式
    • 本機多根工作區支持
    • IntelliCode兼容性
    • Jupyter筆記本電腦兼容性
  • 這個是微軟推出的一個python增強插件,對於VScode中進行python開發簡直如虎添翼,誰用誰知道。

    不過其中有兩項的設置選項我們需要修改一下。在首選項——設置中進行修改。

    第一個是自動導入,這個選項的初衷是很好的,但是在實際開發過程中,總是添亂,py文件上面的導入總是多出幾行,所以我建議關掉。

    • python.analysis.autoImportCompletions
      • 用於控制完成中自動導入的提供。
      • 接受的值:
        • true (默認)
        • false 修改為此選項

    第二個則是,對於方法自動補全括號,我們在pycharm開發的時候,遇到數據函數名是括號會自動補全,但是VScode卻不是,所以開啟這個選項我認為是比較好的。

    • python.analysis.completeFunctionParens
      • 在函數補全中添加括號。
      • 接受的值:
        • true 修改為此選項
        • false (默認)

注意:不要使用vscode的Visual Studio IntelliCode插件,該插件在智能提示時反應很慢

當前版本的VScode編輯器的代碼提示和PycharmIDE不是一個層級的。但是VScode有他的優點,輕便,省內存。不同的項目,可以區分使用。
- python環境切換

在打開python文件的時候點擊vscode編輯器左下角的這個

image-20200119150135814

或者是這個

image-20200119150253426

選擇適用於你當前python文件的python環境

image-20200119150516970

  • 自動識別文件編碼

用VScode的時候可能會碰到亂碼問題,這時候可能我們並不知道它使用的是什么編碼,所以我們就需要vscode幫我們自動檢測並識別出來。

Auto Guess Encoding就是這樣一個選項,默認是false,我們把它打開即可。

  • 冗余文件隱藏

用vscode在python項目中,我們會很煩惱,平時在Pycharm中見不到的很多文件比如 .pyc 文件就會出現了

所以為了我們的視覺,不看花眼,我們要將他們隱藏起來,在下面這個選項可以新增隱藏文件的模式

img

  • autopep8格式化代碼程序設置

    image-20200509165313463

    這告訴autopep8忽略錯誤402,即:“模塊級別導入不在文件頂部”

VScode+python3的開發環境配置到這里就結束了。開啟python的coding之路吧。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM