添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
有胆有识的鼠标垫  ·  PHP: ...·  昨天    · 
心软的夕阳  ·  PHP: shuffle - Manual·  昨天    · 
性感的毛豆  ·  P5253 [JSOI2013] 丢番图- ...·  3 月前    · 
博学的海龟  ·  诗歌- Translation into ...·  6 月前    · 
斯文的烈马  ·  凌统- 抖音百科·  6 月前    · 

沒錯,又是私藏推薦系列,不過這次是 Visual Studio Code。
(上一篇: 小克 2017 不能沒有、2018 一定繼續用的必裝 app 下載私藏推薦 (Android/iOS)

從 Sublime Text 3 跳到 VS Code 一陣子了,在微軟及社群頻繁的維護與更新下,總算是越用越順手。 VS Code 擴充功能 (Extensions,俗稱 擴充套件 )的生態也算是越來越完整,一點也不輸給 Sublime Text 或是 Atom 的外掛或擴充套件。

算一算裝的擴充功能也有數十種了,到了要整理的地步(笑),那就寫一篇來記錄一下好了,這篇也會持續更新。我平時主力為 Laravel/PHP 開發,所以會有比較多 Laravel 和 PHP 的相關套件。

所以以下就是我的私人珍藏、必裝、必備、必下載、不裝不行的 VS Code 擴充功能。(直接拿 app 那篇來改 XDDD)
如果你有喜歡的其他擴充功能沒列到,也歡迎留言告訴我(各種方面的都歡迎建議)

來放一個官方的圖給 Facebook 抓預覽

  • Changelog
  • 效率提升強烈推薦類
  • Git 相關必備外掛
  • Sublime Text 情懷必裝
  • 通用加分工具
  • Markdown 相關
  • Swagger 文件相關
  • JavaScript / Vue
  • Laravel 相關必載工具
  • PHP 相關推薦
  • Python 專區
  • 外觀個人喜好區
  • 使用者設定
  • Changelog

  • 2019.06.03 新增以下工具
  • Markdown 相關工具
  • Swagger 文件相關工具
  • Todo Tree
  • Prettier
  • Docker
  • Laravel goto view、Laravel-goto-controller
  • 2019.06.03 VSCode PHPUnit 更名為 PHPUnit Test Explorer
  • 2018.08.03 新增 PHPUnit Snippets
  • 2018.08.03 將 Better PHPUnit 替換成更好用的 VSCode PHPUnit
  • 2018.04.02 裝回 Git History
  • 2018.03.27 使用者設定中新增 emmet 和 trimTrailingWhitespace 設定
  • 2018.03.24 新增使用者設定
  • 2018.03.24 新增 Fira Code
  • 2018.03.24 初版
  • 效率提升強烈推薦類

    這個區塊表列的,應該是不裝我會覺得渾身不對勁的的擴充功能 😂

    Fira Code 安裝方法在此
    首先推薦的這個不是套件,而是字體,強烈建議安裝,爽度提昇超多!

    Settings Sync
    如果你有多台電腦,可以幫你同步設定檔和安裝的套件(透過 GitHub Gist),支援背景自動同步

    Auto Close Tag
    被 Sublime Text 慣壞的必裝,會幫你把右括號或結束標籤補上。現在 VS Code 有內建基本補完功能了,但是他支援更多符號和設定,例如我喜歡打 </ 的時候也幫我補上 HTML close tag。

    Guides
    這工具我找超久!在你的程式開關符號(例如左右大括號)拉一條線,方便你識別程式區塊

    TODO Highlight
    Highlight 你的 TODO FIXME 註解,還可以幫你統整整個專案的 TODOs

    Todo Tree
    以樹狀目錄方式統整整個專案的 TODOs

    GitLens — Git supercharged
    必備的全能 Git 擴充功能。我最喜歡的功能是閃爍游標指到哪一行他就會顯示該行的 Git Blame,可以快速查看是哪個 commit 修改的。他竟然有自己的設定頁面,其他擴充功能快跟上好嗎!
    噢對了,它的缺點是會塞很多功能在右鍵,不喜歡的話記得去設定調整。

    PHP DocBlocker
    協助撰寫 PHP DocBlock,會幫你自動補完 DocBlock tags。
    關於什麼是 PHP DocBlock 可以參考這篇: 如何使用 PHPDoc 寫註解? | 點燈坊

    PHP Intelephense
    就是個 PHP intellisense,我是裝 Ben Mewburn 做的版本。

    PHPUnit Test Explorer
    寫測試的好用工具!原先使用 PHPUnit Snippets ,現在換成這個台灣社群 Recca Tsai 製作的版本,更直覺簡單使用。

    PHPUnit Snippets
    台灣社群 Winnie Lin 製作的版本,自動完成測試時所需的程式碼片段。

    PHP Debug
    搭配 XDebug 使用,可以在 VS Code 中除錯、下中斷點。
    "auto-close-tag.fullMode" : true , "blade.format.enable" : true , "diffEditor.ignoreTrimWhitespace" : true , "editor.fontFamily" : "Fira Code" , "editor.fontLigatures" : true , "editor.fontSize" : 18 , "editor.formatOnPaste" : true , "editor.lineHeight" : 32 , "editor.renderIndentGuides" : false , "editor.renderWhitespace" : "boundary" , "editor.scrollBeyondLastLine" : false , "editor.snippetSuggestions" : "top" , "emmet.includeLanguages" : { "blade" : "html" "emmet.triggerExpansionOnTab" : true , "files.trimTrailingWhitespace" : true , "gitlens.advanced.menus" : { "editorContext" : { "blame" : false , "copy" : false , "details" : false , "fileDiff" : false , "history" : false , "lineDiff" : false , "remote" : false "explorerContext" : { "fileDiff" : false "gitlens.advanced.messages" : { "suppressResultsExplorerNotice" : true "gitlens.blame.heatmap.location" : "left" , "gitlens.codeLens.scopes" : [ "document" ] , "gitlens.gitExplorer.files.compact" : false , "gitlens.hovers.currentLine.details" : false , "gitlens.statusBar.command" : "gitlens.showQuickFileHistory" , "guides.active.color.dark" : "rgba(120, 120, 120, 0.75)" , "guides.normal.style" : "none" , "guides.stack.enabled" : false , "php.suggest.basic" : false , "php.validate.run" : "one" , "php-cs-fixer.onsave" : true , "python.formatting.provider" : "yapf" , // "python.venvPath": "~/.pyenv", "sublimeTextKeymap.promptV3Features" : true , "sync.askGistName" : false , "sync.autoDownload" : true , "sync.autoUpload" : true , "sync.forceDownload" : false , "sync.gist" : "你的 GIST 位置" , "sync.host" : "" , "sync.lastDownload" : "2018-03-22T02:34:44.923Z" , "sync.lastUpload" : "2018-03-24T10:12:21.567Z" , "sync.pathPrefix" : "" , "sync.quietSync" : true , "sync.removeExtensions" : true , "sync.syncExtensions" : true , "terminal.external.osxExec" : "iTerm.app" , "terminal.integrated.fontFamily" : "Roboto Mono for Powerline" , "terminal.integrated.fontSize" : 17 , "terminal.integrated.lineHeight" : 1.5 , "window.openFilesInNewWindow" : "on" , "window.zoomLevel" : - 0.5 , "workbench.activityBar.visible" : true , "workbench.colorTheme" : "One Dark Pro" , "workbench.iconTheme" : "material-icon-theme"

    本著作由 小克 製作,以 創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款 釋出。
    本篇永久網址: http://goodjack.blogspot.com/2018/03/visual-studio-code-extensions.html

    Taking ownership of this virtual machine failed Tencent QQ This virtual machine appears to be in use UL30Vt Unit Test VMware Wi-Fi WithFaker Workstation apt update apt-get update cookie datetime debian dockerfile dotenv environment extensions fastcgi_read_timeout github high-DPI install apps jessie laradock libecap libecap2 libecap2-dev makefile max_execution_time mt_rand nerdfont nginx numberBetween numberNumber numerify oh-my-zsh php-fpm powerlevel9k random_int request_terminate_timeout serve server session shortcuts stackoverflow str_repeat testing tilde timedelta timezone trait valet visual studio code 並確認您擁有讀寫設定檔內容的權限 正在取得IP位址 無法正確開啟您的設定檔 請檢查該設定檔是否存在 部分功能可能無法使用