VSCode - PHP/Go开发 - 含快捷键 - 使用/实践

1.应用场景

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

2.学习/操作

环境

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

Mac pro 2015 / 2017 / 2019 均有使用

1. VSCcode介绍

VSCode - 学习/使用

https://www.cnblogs.com/liyuchuan/p/12131637.html

2. 实践

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

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

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

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

Note:

该扩展,也支持格式化

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

@ext:sophisticode.php-formatter

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

20200905

解决办法:

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

然后okay~

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

可选: git history /local history 等

推荐: GitLens

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

解决办法:如下,勾选上

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

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

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

搜索结果如下:

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

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

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

20211012 周二 香年广场

 可以进行多个比较

补充

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

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

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

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

20220301 成都·香年

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

配置文件修改:

"editor.links": false,

8. 打开/关闭终端

control + `   // 可以看到

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

PHP - Xdebug调试 - 学习/实践

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

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

解决链接:

EACCES: permission denied, unlink '/usr/local/bin/code' when VSCode installed to user application directory · Issue #154163 · microsoft/vscode · GitHub

https://github.com/microsoft/vscode/issues/129884

解决办法: 

提示没有文件权限,

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

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

#20230804 周五

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

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

整个世界都清静了!!!

13. Command List //插件

20230920 周三

Command List - Visual Studio Marketplace

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

通常会出现!!

14. 单词拼写检查插件

Code Spell Checker

20240117 周三

Code Spell Checker - Visual Studio Marketplace

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. 后续补充

后续补充

...

3.问题/补充

TBD

后续补充

...

### 回答1: 在WSL2中安装VSCode扩展程序"ms-vscode-remote.remote-ssh"可以让我们在WSL2环境中使用SSH远程连接功能。以下是安装步骤: 1. 首先,确保已在WSL2环境中安装了VSCode。可以通过在WSL2终端中运行以下命令来安装VSCode: ``` sudo apt-get update sudo apt-get install code ``` 2. 打开VSCode,点击左侧的"扩展"图标(或按下Ctrl + Shift + X快捷键),在搜索框中输入"ms-vscode-remote.remote-ssh"。 3. 在搜索结果中,找到"Remote - SSH"扩展,并点击"安装"按钮进行安装。 4. 安装完成后,点击"重新加载"按钮来激活扩展。 5. 安装完成后,可以在VSCode底部状态栏找到一个小飞机图标。点击该图标,选择"Remote-SSH: Connect to Host...",然后选择"Configure SSH Hosts"。 6. 在打开的"~/.ssh/config"文件中,添加SSH连接配置信息。例如,对于连接到远程主机的情况,可以添加以下配置: ``` Host <host_name> HostName <host_ip_address> User <username> IdentityFile <path_to_private_key> ``` 其中,<host_name>是主机名称,<host_ip_address>是主机IP地址,<username>是登录用户名,<path_to_private_key>是SSH私钥文件的路径。 7. 保存并关闭配置文件后,再次点击底部状态栏中的小飞机图标,选择刚添加的主机配置。 8. 若SSH连接成功,将会在VSCode中打开一个新的窗口,并显示在远程主机中的文件和文件夹。 通过按照以上步骤,在WSL2中安装VSCode扩展程序"ms-vscode-remote.remote-ssh",我们就可以轻松地使用SSH远程连接功能了。这使得在WSL2环境中开发和管理远程主机变得更加方便和高效。 ### 回答2: 在WSL2环境中安装VS Code的远程SSH扩展(extension/ms-vscode-remote.remote-ssh),可以让我们在本地的Windows系统上使用VS Code远程连接到Linux服务器进行开发和调试。 首先,我们需要确保已经在WSL2中安装了VS Code。可以通过在WSL2的Linux终端中运行以下命令来安装VS Code: ``` $ sudo apt update $ sudo apt install code ``` 安装完成后,再按照以下步骤安装远程SSH扩展: 1. 在WSL2中打开VS Code。 2. 点击左侧的扩展按钮(四个方块图标)。 3. 在搜索框中输入“remote-ssh”。 4. 在搜索结果中找到“Remote - SSH”扩展,点击安装。 5. 安装完成后,点击右下角的重新加载按钮。 安装完成后,我们就可以通过远程SSH连接到Linux服务器了。点击VS Code左下角的“远程窗口”图标,选择“连接到主机…”。输入服务器的SSH地址、端口号和用户名,点击连接。 进入了远程连接后,我们可以在本地的VS Code中进行编辑、调试等操作。所有文件和操作都会直接在Linux服务器上进行,增加了开发和调试的便利性。 需要注意的是,在安装和使用远程SSH扩展时,确保WSL2和Linux服务器之间能够正常通信,且在服务器上已经安装和启动了SSH服务。这样,我们才能顺利地在WSL2环境中使用VS Code的远程SSH扩展。 ### 回答3: 在WSL 2中安装VSCode的Remote SSH插件(extension/ms-vscode-remote.remote-ssh)可以实现远程SSH连接到其他服务器,非常方便进行开发和调试工作。 首先确保已经在WSL 2上安装了VSCode。打开VSCode,点击左侧侧边栏的扩展按钮(插件图标),搜索并找到"Remote - SSH"插件,并点击"安装"按钮进行安装。 插件安装完成后,点击VSCode下方的绿色图标选择一个状态栏的地方,然后选择"Remote-SSH:Connect to Host..."。 在弹出的输入框中,输入SSH连接的目标服务器地址,例如"username@192.168.0.1",然后按Enter键。 接下来,需要输入您的SSH密码或者私钥密码进行身份验证。验证成功后,VSCode将会建立与目标服务器的SSH连接,并打开连接后的终端。 在终端中,您可以执行各种命令和操作,与目标服务器进行交互。 安装成功后,您可以再次点击左侧的侧边栏扩展按钮,在搜索栏中输入"Remote - SSH",然后找到并点击安装"Remote - SSH: Editing Configuration Files"插件。这个插件可以在VSCode中轻松编辑SSH配置文件,以便更方便地管理和连接到多个远程服务器。 总而言之,通过以上步骤,就可以在WSL 2中安装并使用VSCode的Remote SSH插件了。这个插件极大地扩展了VSCode开发和调试方面的功能,能够轻松连接到远程服务器进行开发工作。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值