一把梭系列 之 顏值不夠VsCode來湊


 

  如果您的孩子不適應編譯型語言怎么辦?

    如果您的孩子貪玩不想花多時間在編程上怎么辦?

      如果您還沒有孩子怎么辦?

        如果您夜晚兼職覺不夠睡又怎么辦?

          不妨試試 “ 拍 簧 片 ”。

 

媽了巴子的有點麻煩,但別怕,接下來我將用一把梭帶你把這個“場子“搭起來:

 

 

 

使用VSCode搭建“拍簧片”環境:

 

 1、裝VsCode和你喜歡的瀏覽器。

 

 2、裝下面的組件,

       

 

3、裝WAMP集成環境,中途會讓你選VsCode和瀏覽器。

 

4、下載composer包管理, 這里: https://getcomposer.org/Composer-Setup.exe

 

5、下載xdebug, 注意nts 版本和非nts 版本,這里:https://xdebug.org/download.php

   我用的是ts版本的,忘了為啥。

      

 

6、配置xdebug,點擊wamp右下角圖標,選擇你想用的php版本,然后去php路徑下找到php.ini文件,最后面添加下面的配置,看路徑操作,不多說了

[xdebug]
zend_extension="C:/wamp64/bin/php/php5.6.40/ext/php_xdebug-2.5.4-5.6-vc11-x86_64.dll"
xdebug.remote_enable = 1
xdebug.remote_autostart = 1

 

 

 7、配置composer,可以參考這里:https://pkg.phpcomposer.com/

得敲些命令:composer config -g repo.packagist composer https://packagist.phpcomposer.com  配置源,

其他命令就是你下載開源項目之后,如果看到composer之類的文件,就composer install的就得了。

 

 

8、打開你的vscode,  裝插件:

 

  (1)、漢化插件,搜索Chinese

                    

 

  (2)、裝 PHPDebug 調試斷點用

                   

 

  (3)、裝 PHP Intelephense 代碼補齊、提示之類的

  (4)、裝 PHP Intellisense - Crane  PHP的擴展工具,沒有細看它是干啥的。

 

  (5)、裝 PHP Server 裝完點右上角按鈕就能啟動網站,然后運行你的項目,只有網站跑起來了,你才能調試(F5)

                    

  

  (6)、裝 PHP File Types, 右鍵能新建PHP文件

 

  (7)、PHP Sniffer phpcs 這兩個可裝可不裝,是代碼規范 

      裝完之后,在你的項目終端中,使用下面命令,選擇規范

       composer require --dev squizlabs/php_codesniffer

       phpcs --config-set default_standard PSR2

 

   (8)、裝 Composer (你之前下載的是程序,現在裝的是插件)

                     

 

   (9)、代碼管理,分別是:

 

      GitGraph:Git圖表查看

      GieLens:Git全家桶操作

      GitProjectManager:Git項目管理 沒覺得有J毛用

      GitTags:GitTag操作

  

   (10)、美化3連,分別是:

      background-cover:背景圖片

      Window Colors:全景定制

      GlassIt-VSC:透明效果

 

  (11)、有人喜歡看CPU內存之類的可以裝Resource Monitor

 

 

接下來就是高端操作了,看下面的配置文件(setting.json)代碼,然后定制自己的IDE

這里:https://code.visualstudio.com/api/references/theme-color 官方文檔,自己看着弄

         

{
  //這上面的路徑你都自己配
    "phpserver.phpPath": "G:\\SOFT-Wamp\\bin\\php\\php5.6.40\\php.exe",
    "php.validate.executablePath": "G:\\SOFT-Wamp\\bin\\php\\php5.6.40\\php.exe",
    "composer.executablePath": "C:\\ProgramData\\ComposerSetup\\bin\\composer.bat",
    "phpcs.executablePath": "C:\\Users\\Administrator\\Desktop\\testPhp\\vendor\\bin\\phpcs.bat",
    "backgroundCover.imagePath": "file:///c:/Users/Administrator/Desktop/1.jpg",
    "git.path": "G:\\SOFT-Git\\bin\\git.exe",

  //地址寫你的IP地址
"phpserver.ip": "192.168.30.104",
"php.validate.enable": true, "php.validate.run": "onSave", "php.suggest.basic": true, "debug.allowBreakpointsEverywhere": true, "debug.inlineValues": true, "debug.openDebug": "openOnDebugBreak", "phpserver.browser": "chrome", "phpcs.enable": true, "phpSniffer.windowsHardkill": true, "phpcs.showSources": true, "phpcs.trace.server": "messages", "backgroundCover.enabled": true, "backgroundCover.opacity": 0.45, "workbench.colorCustomizations": { "activityBar.background": "#226e9b56", "titleBar.activeBackground": "#0a2f7442", "titleBar.activeForeground": "#dee4eb", "tab.activeBackground": "#26244b96", "tab.hoverBackground": "#00000017", "tab.inactiveBackground": "#282c34", "sideBar.background": "#15378067", "editor.background": "#0e376d2a", "panel.background":"#2c375c50", "statusBar.background":"#1b3b5018", "sideBarSectionHeader.background":"#2025116e", "scrollbarSlider.background":"#1115256e", "scrollbarSlider.activeBackground":"#1115256e", "scrollbarSlider.hoverBackground":"#1115256e", "menu.background":"#191d30", "terminal.background": "#0b0b22", "terminal.foreground": "#25a5e0", "editorGroupHeader.tabsBackground":"#1115256e", "debugToolBar.background":"#0f49a08e" }, "window.zoomLevel": 0.5, "search.location": "panel", "terminal.integrated.cursorStyle": "line", "workbench.sideBar.location": "left", "glassit.step": 10, "glassit.alpha": 235,
  //GIT的你可以去掉,因為全家桶有些東西我看着煩,就給配置到別的頁面去了
"git.autofetch": true, "gitlens.views.search.files.layout": "list", "gitlens.views.search.location": "scm", "gitlens.views.compare.location": "scm", "gitlens.views.repositories.location": "explorer", "gitlens.views.compare.enabled": false, "gitlens.mode.statusBar.alignment": "left",
  //隨意
"editor.fontWeight": "400", "editor.fontSize": 16, "editor.fontFamily": "Consolas, 'Space Mono', monospace", "editor.insertSpaces": false }

 

隨意定制自己的IDE界面:

 聊天記錄 模糊版本的

 

共享調研結果,.Neter互助互利!


免責聲明!

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



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