vscode最新版配置php,vscode配置教程

本文目錄一覽：

• 1、vscode 配置
• 2、VSCode如何設置，才能在VSC里打開php文件到瀏覽器？
• 3、vscode 總是窗口無法響應，求解決方案
• 4、vscode php調試配置文件怎麼配置
• 5、請問vscode怎麼配置php環境啊
• 6、華為padvscode配置

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注釋

VSCode如何設置，才能在VSC里打開php文件到瀏覽器？

VSCode通過以下設置能在VSC里打開php文件到瀏覽器，方法如下：

準備材料：VisualStudio Code1.2

1、首先要想調試php代碼，必須得先有php的相關編譯器，只有安裝了php的系統下，才能進行調試的。這裡點擊菜單欄的查看，選擇擴展進入。

2、接著左側欄就會出現擴展安裝的窗口，在搜索欄填php，就會出現很多與php相關的插件了。這裡我就直接選擇了php debug，php的調試工具。

3、然後點擊打開文件夾，把自己的工程目錄設置為活動文件夾即可。

4、這裡可以設置斷點。

5、點擊調試或者按F5鍵啟動調試即可。

6、調試過程中會遇到.net的環境變數設置問題，這裡不設置好這個變數，是不能進行調試的，所以，點擊獲取dotnet sdk開發包並安裝。

7、安裝完成後點擊我的電腦，屬性。

8、高級系統設置。

9、環境變數，新建。

10、把dotnet的安裝路徑複製進去就可以的了。

11、最後再次進行調試，就可以看到結果的了。

vscode 總是窗口無法響應，求解決方案

是因為未設置任何PHP可執行文件造成的錯誤，解決方法如下：

1、首先在VSCode軟體中運行命令的時候，有錯誤提示的話就直接展示在右側欄，提示「無法驗證，因為未設置任何PHP可執行文件」，點擊打開設置按鈕。

2、在打開的設置界面，直接展示的就是PHP擴展設置文件，也就是setting.js文件，點擊圖中紅色標框位置。

3、在打開的setting.js文件中，可以看到php.validate.executeablePath後面的值默認是沒有的，這裡需要手動設置為php.exe文件位置。

4、需要明確的寫上你本地的php.exe路徑，然後別忘記保存，重新載入下編輯器即可生效。

vscode php調試配置文件怎麼配置

JSON文件是打不開的 你得先了解什麼是JSON：JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，易於閱讀和編寫，同時也易於機器解析和生成。它基於ECMA262語言規範（1999-12第三版）中JavaScript編程語言的一個子集。 JSON採用與編程語言無關的文本格式，但是也使用了類C語言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的習慣，這些特性使JSON成為理想的數據交換格式。JSON屬於一個編寫軟體的文件。

請問vscode怎麼配置php環境啊

vscode只是個編輯器，可以直接開發PHP。至於說環境，雖然vscode上有PHP Server這樣的擴展插件，但並不建議使用，畢竟這種集成的東西可能會有很多坑，最好還是手動搭建PHP運行環境，實在嫌麻煩也可以用一些環境包。另外vscode也有PHP Debug插件，可以結合php的debug擴展（需要單獨安裝）進行斷點調試。不過這個東西我不是太喜歡用，因為我還是喜歡用die()來調試，習慣而已。

華為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_modules”: 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_modules”: 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 回退