① VScode配置Python環境「配置任務運行程序」遇到問題
我建議嘗試之後再把bug寫出來,不能因為一點不一樣就不繼續了
首先需要安裝VScode Python插件。打開Python任意腳本,可以直接拖入。
點擊左下角的擴展按鈕,在彈出界面選擇「顯示擴展建議」。
然後點擊第一個Python插件進行安裝。安裝需要幾分鍾。安裝完成後點擊重啟。
接下來我們點擊用戶設置菜單。這時候會打開兩個文件。
我們在左邊文件Ctrl+F搜索Python關鍵字,找到pythonPath所在行
把這行拷貝到右邊文件,修改Python所在路徑。注意斜杠的方向,刪除末尾逗號
保存文件。然後點擊左邊的資源管理器按鈕,重新切換到我們的程序文件。
Ctrl+shift+B運行程序。這時候提示需要在文件夾目錄下才能進行配置。於是我們點擊打開文件夾按鈕,打開程序所在文件夾。
Ctrl+shift+B運行程序。這時候會提示配置任務運行程序,點擊配置。選擇運行任意外部命令菜單。
在打開的tasks.json文件中,我們需要修改兩個內容,路徑和執行文件名。
好了,現在Python的代碼可以Ctrl+shift+B直接運行了。文中的設置部分代碼可以在文末下載。使用愉快。
② vscode 配置
1.單行注釋 ctrl+/ //注釋
2.多行注釋 alt+shift+a /**/注釋
3.Alt + Click 插入游標-支持多個
4.終端打開方法
使用快捷鍵: ctrl + · 即可;注意那個點是鍵盤上 esc 下面的那 個;
或者:
選擇vscode的 「查看」,然後選擇「集成終端」 ,打開即可;
5.左下角顯示大綱(顯示所有函數方法) Shift+Ctl+P -> View: Quick Open View -> 大綱
6.編寫並實時預覽Markdown 先按Ctrl + K,然後放掉,緊接著再按 v,也能調出實時預覽框
1.Beautify 插件配置
在VSCode的配置文件里添加 editor.formatOnSave:true 即可實現保存時自動格式化
VSCode格式化laravel的blade文件
2.KoroFileHeader插件配置
自動生成文件頭部注釋和函數注釋
3.DocBlocker插件
PHP注釋
③ 華為padvscode配置
華為padvscode配置
想要優雅且高效的編寫代碼,必須熟練使用一款前端開發工具。但前端開發工具數不勝數,像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其輕量且強大的代碼編輯功能和豐富的插件生態系統,獨受前端工師的青睞。網上有很多vscode的配置以及使用博客,但都沒有本篇那麼詳細且全面。
軟體下載
直接在官網進行下載
Visual Studio Code - Code Editing. Redefined
最近很多人留言說官網下載被限速,如果大家存在這種情況,可以在「前端碼頭」後台發送vscode獲取軟體包。
首頁
vscode設置成中文
vscode默認的語言是英文,對於英文不好的小夥伴可能不太友好。簡單幾步教大家如何將vscode設置成中文。
按快捷鍵「Ctrl+Shift+P」。
在「vscode」頂部會出現一個搜索框。
輸入「configure language」,然後回車。
「vscode」裡面就會打開一個語言配置文件。
將「en-us」修改成「zh-cn」。
按「Ctrl+S」保存設置。
關閉「vscode」,再次打開就可以看到中文界面了。
當然如果你不願意設置,也可以直接安裝它的中文插件,還是很人性化的。
VScode用戶設置
1. 打開設置
文件--首選項--設置,打開用戶設置。VScode支持選擇配置,也支持編輯setting.json文件修改默認配置。個人更傾向於編寫json的方式進行配置,下面會附上我個人的配置代碼
這里解析幾個常用配置項:
(1)editor.fontsize用來設置字體大小,可以設置editor.fontsize : 14;
(2)files.autoSave這個屬性是表示文件是否進行自動保存,推薦設置為onFocusChange——文件焦點變化時自動保存。
(3)editor.tabCompletion用來在出現推薦值時,按下Tab鍵是否自動填入最佳推薦值,推薦設置為on;
(4)editor.codeActionsOnSave中的source.organizeImports屬性,這個屬性能夠在保存時,自動調整 import 語句相關順序,能夠讓你的 import 語句按照字母順序進行排列,推薦設置為true,即"editor.codeActionsOnSave": { "source.organizeImports": true };
(5)editor.lineNumbers設置代碼行號,即editor.lineNumbers :true;
我的個人配置,供參考:
{ "files.associations": { "*.vue": "vue", "*.wpy": "vue", "*.wxml": "html", "*.wxss": "css" }, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "git.enableSmartCommit": true, "git.autofetch": true, "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "vue-html": "html", "vue": "html", "wpy": "html" }, //主題顏色 //"workbench.colorTheme": "Monokai", "git.confirmSync": false, "explorer.confirmDelete": false, "editor.fontSize": 14, "window.zoomLevel": 1, "editor.wordWrap": "on", "editor.detectIndentation": false, // 重新設定tabsize "editor.tabSize": 2, //失去焦點後自動保存 "files.autoSave": "onFocusChange", // #值設置為true時,每次保存的時候自動格式化; "editor.formatOnSave": false, //每120行就顯示一條線 "editor.rulers": [ ], // 在使用搜索功能時,將這些文件夾/文件排除在外 "search.exclude": { "**/node_moles": true, "**/bower_components": true, "**/target": true, "**/logs": true, }, // 這些文件將不會顯示在工作空間中 "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/*.js": { "when": "$(basename).ts" //ts編譯後生成的js文件將不會顯示在工作空中 }, "**/node_moles": true }, // #讓vue中的js按"prettier"格式進行格式化 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // #vue組件中html代碼格式化樣式 "wrap_attributes": "force-aligned", //也可以設置為「auto」,效果會不一樣 "wrap_line_length": 200, "end_with_newline": false, "semi": false, "singleQuote": true }, "prettier": { "semi": false, "singleQuote": true } } }
最近經常有人微信問我,這個配置代碼寫在哪裡?
新版的vscode設置默認為UI的設置,而非之前的json設置。如果你想復制我上面這段代碼進行配置,可以進行下面的修改
文件>首選項>設置 > 搜索workbench.settings.editor,選中json即可改成json設置;
禁用自動更新
文件 > 首選項 > 設置(macOS:代碼 > 首選項 > 設置,搜索update mode並將設置更改為none。
開啟代碼提示設置
第一步:點擊左下角點擊設置圖標,找到並點擊「setting」
第二步:到搜索框里搜索「prevent」--->並取消此項的勾選
常用的快捷鍵
高效的使用vscode,記住一些常用的快捷鍵是必不可少的,我給大家羅列了一些日常工作過程中用的多的快捷鍵。
以下以Windows為主,windows的 Ctrl,mac下換成Command就行了
對於 行 的操作:
重開一行:游標在行尾的話,回車即可;不在行尾,ctrl + enter 向下重開一行;ctrl+shift + enter 則是在上一行重開一行
刪除一行:游標沒有選擇內容時,ctrl + x 剪切一行;ctrl +shift + k 直接刪除一行
移動一行:alt + ↑ 向上移動一行;alt + ↓ 向下移動一行
復制一行:shift + alt + ↓ 向下復制一行;shift + alt + ↑ 向上復制一行
ctrl + z 回退