一把梭系列 之 颜值不够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互助互利!

posted @ 2019-04-05 15:04  AzulX  阅读(1189)  评论(0编辑  收藏  举报