一把梭系列 之 颜值不够VsCode来凑

  如果您的孩子不适应编译型语言怎么办?

    如果您的孩子贪玩不想花多时间在编程上怎么办?

      如果您还没有孩子怎么办?

        如果您夜晚兼职觉不够睡又怎么办?

          不妨试试 “ 拍 簧 片 ”。

妈了巴子的有点麻烦,但别怕,接下来我将用一把梭带你把这个“场子“搭起来:

一把梭系列 之 颜值不够VsCode来凑

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

1、装VsCode和你喜欢的浏览器。

2、装下面的组件,

一把梭系列 之 颜值不够VsCode来凑

3、装WAMP集成环境,中途会让你选VsCode和浏览器。

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

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

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

一把梭系列 之 颜值不够VsCode来凑

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 =
xdebug.remote_autostart =

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

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

其他命令就是你下载开源项目之后,如果看到composer之类的文件,就composer install的就得了。

8、打开你的vscode,  装插件:

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

一把梭系列 之 颜值不够VsCode来凑

  (2)、装 PHPDebug 调试断点用

一把梭系列 之 颜值不够VsCode来凑

  (3)、装 PHP Intelephense 代码补齐、提示之类的

  (4)、装 PHP Intellisense - Crane  PHP的扩展工具,没有细看它是干啥的。

  (5)、装 PHP Server 装完点右上角按钮就能启动网站,然后运行你的项目,只有网站跑起来了,你才能调试(F5)。

一把梭系列 之 颜值不够VsCode来凑

  

  (6)、装 PHP File Types, 右键能新建PHP文件

  (7)、PHP Sniffer phpcs 这两个可装可不装,是代码规范

      装完之后,在你的项目终端中,使用下面命令,选择规范

       composer require --dev squizlabs/php_codesniffer

       phpcs --config-set default_standard PSR2

   (8)、装 Composer (你之前下载的是程序,现在装的是插件)

一把梭系列 之 颜值不够VsCode来凑

   (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 官方文档,自己看着弄

         一把梭系列 之 颜值不够VsCode来凑

{
  //这上面的路径你都自己配
"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": ,
"glassit.alpha": ,

  //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": "",
"editor.fontSize": ,
"editor.fontFamily": "Consolas, 'Space Mono', monospace",
"editor.insertSpaces": false
}

随意定制自己的IDE界面:

一把梭系列 之 颜值不够VsCode来凑

聊天记录 模糊版本的

一把梭系列 之 颜值不够VsCode来凑

共享调研结果,.Neter互助互利!

上一篇:Windows平台下在Emacs中使用plantuml中文乱码问题(已解决)


下一篇:Angular使用总结 --- 模型驱动表单