经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 软件/图像 » Visual Studio » 查看文章
一把梭系列 之 颜值不够VsCode来凑
来源:cnblogs  作者:NMS.LanX  时间:2019/4/9 9:37:26  对本文有异议

 

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

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

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

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

          不妨试试 “ 拍 簧 片 ”。

 

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

 

 

 

使用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文件,最后面添加下面的配置,看路径操作,不多说了

  1. [xdebug]
  2. zend_extension="C:/wamp64/bin/php/php5.6.40/ext/php_xdebug-2.5.4-5.6-vc11-x86_64.dll"
  3. xdebug.remote_enable = 1
  4. 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 官方文档,自己看着弄

         

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

  9.   //地址写你的IP地址
  10. "phpserver.ip": "192.168.30.104",
  11. "php.validate.enable": true,
  12. "php.validate.run": "onSave",
  13. "php.suggest.basic": true,
  14. "debug.allowBreakpointsEverywhere": true,
  15. "debug.inlineValues": true,
  16. "debug.openDebug": "openOnDebugBreak",
  17. "phpserver.browser": "chrome",
  18. "phpcs.enable": true,
  19. "phpSniffer.windowsHardkill": true,
  20. "phpcs.showSources": true,
  21. "phpcs.trace.server": "messages",
  22. "backgroundCover.enabled": true,
  23. "backgroundCover.opacity": 0.45,
  24. "workbench.colorCustomizations": {
  25. "activityBar.background": "#226e9b56",
  26. "titleBar.activeBackground": "#0a2f7442",
  27. "titleBar.activeForeground": "#dee4eb",
  28. "tab.activeBackground": "#26244b96",
  29. "tab.hoverBackground": "#00000017",
  30. "tab.inactiveBackground": "#282c34",
  31. "sideBar.background": "#15378067",
  32. "editor.background": "#0e376d2a",
  33. "panel.background":"#2c375c50",
  34. "statusBar.background":"#1b3b5018",
  35. "sideBarSectionHeader.background":"#2025116e",
  36. "scrollbarSlider.background":"#1115256e",
  37. "scrollbarSlider.activeBackground":"#1115256e",
  38. "scrollbarSlider.hoverBackground":"#1115256e",
  39. "menu.background":"#191d30",
  40. "terminal.background": "#0b0b22",
  41. "terminal.foreground": "#25a5e0",
  42. "editorGroupHeader.tabsBackground":"#1115256e",
  43. "debugToolBar.background":"#0f49a08e"
  44. },
  45. "window.zoomLevel": 0.5,
  46. "search.location": "panel",
  47. "terminal.integrated.cursorStyle": "line",
  48. "workbench.sideBar.location": "left",
  49. "glassit.step": 10,
  50. "glassit.alpha": 235,

  51.   //GIT的你可以去掉,因为全家桶有些东西我看着烦,就给配置到别的页面去了
  52. "git.autofetch": true,
  53. "gitlens.views.search.files.layout": "list",
  54. "gitlens.views.search.location": "scm",
  55. "gitlens.views.compare.location": "scm",
  56. "gitlens.views.repositories.location": "explorer",
  57. "gitlens.views.compare.enabled": false,
  58. "gitlens.mode.statusBar.alignment": "left",
      //随意
  59. "editor.fontWeight": "400",
  60. "editor.fontSize": 16,
  61. "editor.fontFamily": "Consolas, 'Space Mono', monospace",
  62. "editor.insertSpaces": false
  63. }

 

随意定制自己的IDE界面:

 聊天记录 模糊版本的

 

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

原文链接:http://www.cnblogs.com/NMSLanX/p/10658761.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号