前言
Visual Studio Code已經連續兩年蟬聯最受歡迎的代碼編輯器。可見其火熱程度。
打開后搜索Development Environments and Tools
就可以看到
作為一個緊跟前沿技術的測試。。。當然也要體驗一下巨硬這款開源的編輯器。
下載安裝
官網網址:https://code.visualstudio.com/
系統不同下載框提示的文字不同,我的系統是MacOS
點擊Download for Mac
下載安裝。
初次配置
安裝vscode的過程,就不做贅述了。
安裝完成打開后,會看到vscode的歡迎頁面。But卻是英文的。
點擊左側邊欄插件管理 然后在搜索框搜索
Chinese
。
點擊install
安裝。
通篇提示:如果插件安裝完成后vscode會提示你需要重新加載。點擊重新加載之后這個插件才算安裝成功
安裝python插件,同樣的在插件管理中搜索python
。
搜索結果的第一個Microsoft出品的就是我們要安裝的python插件,點擊install
安裝。
還有一個快捷安裝python插件的方法,在最開始的歡迎頁面,右上角工具和語言
有一個點擊python的地方。
這里我已經安裝過了,所以它是置灰的狀態。
初次使用
確保電腦中已經安裝了Python3
進入一個目錄,隨便一個目錄。
比如我當前進入的目錄是
~/VScode/web-demotest/docs
然后我們在當前的文件下創建一個python文件demo.py
。
然后我們在文件中編寫我們學習編程預言的第一句話hello world。
可以看到圖片中文件名后面跟了一個小白點,這個是當前文件沒有保存的提示
當我們使用Ctrl+S保存之后,這個小白點就會消失了。
我們在命令行中執行該文件:
-
第一種執行方式
hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$ python3 demo.py hello world hoou@xxxdeMacBook-Air:~/VScode/web-demotest/docs$
-
第二種執行方式
在當前文件中點擊鼠標右鍵,選擇
在終端中運行python文件
終端中會輸出:
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
- IDEA鍵位——熟悉了pycharm的可能一時半會熟悉不了vscode的按鍵,所幸有人開發了這款插件,找回熟悉的感覺。
- filesize——在下方狀態欄顯示你當前文件大小的插件
- Git graph——顯示當前倉庫的提交信息等,主要是美觀
- gitignore——快速添加 .gitignore
- guides——顯示你當前縮進的插件,會將你所在的繪制成紅色,提示性強
- 文件圖標主題——個人最喜歡的文件圖標主題,推薦大家使用
- view in browser——一鍵顯示HTML文件在你的瀏覽器
- path intellisense——當前文件中路徑補全提醒,很好用的
- Prettier - Code formatter——是一個自以為是的代碼格式化程序。它通過解析代碼並使用自己的規則(考慮最大行長)重新打印代碼,從而實現一致的樣式,並在必要時包裝代碼。
- bracket pair colorrizer 2——針對當前代碼中的不同層級的括號,區分顏色顯示,很實用
- Code Spell Checker——當前文件中的單詞拼寫檢查,很實用
- output colorrizer——用於輸出欄的顯示顏色不同
日常設置和使用
-
Pylance代碼智能補全增強
特性:- 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文件的時候點擊vscode編輯器左下角的這個
或者是這個
選擇適用於你當前python文件的python環境
- 自動識別文件編碼
用VScode的時候可能會碰到亂碼問題,這時候可能我們並不知道它使用的是什么編碼,所以我們就需要vscode幫我們自動檢測並識別出來。
Auto Guess Encoding
就是這樣一個選項,默認是false,我們把它打開即可。
- 冗余文件隱藏
用vscode在python項目中,我們會很煩惱,平時在Pycharm中見不到的很多文件比如 .pyc 文件就會出現了
所以為了我們的視覺,不看花眼,我們要將他們隱藏起來,在下面這個選項可以新增隱藏文件的模式
-
autopep8格式化代碼程序設置
這告訴
autopep8
忽略錯誤402,即:“模塊級別導入不在文件頂部”
VScode+python3的開發環境配置到這里就結束了。開啟python的coding之路吧。