1.应用场景

主要用于使用VSCode 基于PHP / Go进行项目开发,熟练使用vscode帮助我们进行高效的开发。

2.学习/操作

环境

Windows 10 64位 专业版 / PHP 7.x / VSCcode

Mac pro 2015 / 2017 / 2019 均有使用

1. VSCcode介绍

 


2. 实践

进行基于PHP语言的开发, 首先要安装PHP的插件, 从而可以进行PHP代码之间的跳转, 否则你就只能自己找.

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java

一般选择前三个任意一个均可, 这里选择的是第二个

按下alt, 鼠标放在Tag模型类上, 便可以进行代码的跳转, 

如果没有安装该插件, 是不会出现任何提示的, 以及代码跳转.

vscode 跳转工作区依赖的java_PHP_02


Note:

该扩展,也支持格式化

但是有时要手动做配置,如下:

@ext:sophisticode.php-formatter

vscode 跳转工作区依赖的java_搜索_03

3. vscode 在php开发中双击选中变量时不能选中$符号 

20200905

解决办法:

打开首选项, 设置, 搜索 word separators , 去掉$即可[即不将$作为单词分隔符]

vscode 跳转工作区依赖的java_插件_04

然后okay~

4. 安装git 相关history 插件,快速查看文件历史记录

可选: git history /local history 等

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_05

推荐: GitLens

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_06

5. 在基于框架开发时,有时候想查看框架底层的文件,直接搜索,搜索不到.

解决办法:如下,勾选上

vscode 跳转工作区依赖的java_VSCode_07

有时候,会过滤掉搜索.gitignore中列出的文件

解决办法: 移除**/.git

vscode 跳转工作区依赖的java_插件_08


也就是直接修改.vscode/settings.json


vscode 跳转工作区依赖的java_PHP_09


搜索结果如下:

可以看到config/params.php中的内容也被搜索出来,之前是搜索不到的。

vscode 跳转工作区依赖的java_VSCode_10

vscode 跳转工作区依赖的java_PHP_11


补充,新版的vscode,似乎发生了改变,如下:

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_12


6. VSCode中比较不同分支,以及比较commit, tag.

20211012 周二 香年广场

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_13

 可以进行多个比较

vscode 跳转工作区依赖的java_搜索_14


补充

可以查看某个文件的提交历史记录

打开某个文件,后上角有个分支图标,点击即可

vscode 跳转工作区依赖的java_VSCode_15


快速比较该文件与上一次提交的变化

vscode 跳转工作区依赖的java_PHP_16

7. 取消ctrl/command + 点击,跳转链接

20220301 成都·香年

尤其是在打开Go 项目时,总是跳转,有些烦人。

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_17

配置文件修改:

"editor.links": false,

8. 打开/关闭终端

control + `   // 可以看到

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_18


9. 使用Xdebug进行PHP编程开发的调试

 

10. 环境变量路径中添加code变量,出现报错

EACCES: permission denied, unlink '/usr/local/bin/code

vscode 跳转工作区依赖的java_搜索_19


 


解决办法: 

vscode 跳转工作区依赖的java_VSCode_20

提示没有文件权限,

那么就直接使用root用户权限删除即可

vscode 跳转工作区依赖的java_插件_21


vscode 跳转工作区依赖的java_PHP_22



11. 设置php .env文件的高亮显示以及支持注释快捷键

#20230804 周五

vscode 跳转工作区依赖的java_VSCode_23


12. 文档代码commit提示信息太多了, 太影响阅读代码

解决办法: 将插件临时禁用 GitLens — Git supercharged

vscode 跳转工作区依赖的java_VSCode_24

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_25

整个世界都清静了!!!

13. Command List //插件

 

vscode 跳转工作区依赖的java_vscode 跳转工作区依赖的java_26

⚠️ 如果在左边侧边栏消失, 那么直接禁用然后启用即可.

通常会出现!!


14. 单词拼写检查插件


Code Spell Checker

20240117 周三

vscode 跳转工作区依赖的java_插件_27

 


15. vscode mac常用快捷键

20240317 周日

1. 交换上下行
option + up/down


2. 复制粘贴
command + c/v


3. 剪切
command + x


4. 创建新文件
command + n


5. 打开新的vscode窗口
shift + command + n


6. 打开/隐藏vscode内置终端cli窗口
opion + `
control + shift + ` // 创建新的终端
shift + command + c  // 打开外部终端


7. 打开最近文件夹/文件
control + r


8. 关闭当前tab页 ----- 针对其他应用亦生效
command + w


9. 退出应用 ----- 针对其他应用亦生效
command + q


10. 折叠代码
Command + Option + [


11. 展开代码
Command + Option + ]


12. 打开控制面板
command + p

输入:行号 --> 直接跳转到该行
输入>**(代表其他什么) --> 直接调用该特性/扩展
    e.g. >display


13. 逐一选中
command + d


14. 后续补充



后续补充

...