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

 

　　若是您的孩子不適應編譯型語言怎麼辦？

　　　　若是您的孩子貪玩不想花多時間在編程上怎麼辦？

　　　　　　若是您尚未孩子怎麼辦？

　　　　　　　　若是您夜晚兼職覺不夠睡又怎麼辦？

　　　　　　　　　　不妨試試 「 拍 簧 片 」。

 

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

 

 

 

使用VSCode搭建「拍簧片」環境：

 

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

 

 二、裝下面的組件，

       

 

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

 

四、下載composer包管理, 這裏： https://getcomposer.org/Composer-Setup.exe

 

五、下載xdebug, 注意nts 版本和非nts 版本，這裏：https://xdebug.org/download.php

　  我用的是ts版本的，忘了爲啥。

      

 

六、配置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

 

 

 七、配置composer,能夠參考這裏：https://pkg.phpcomposer.com/

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

其餘命令就是你下載開源項目以後，若是看到composer之類的文件，就composer install的就得了。

 

 

八、打開你的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互助互利！