配置 VScode

配置 VScode

一、前言

上周六因为电脑系统升级，把我的 vscode 配置全删了（哭了），又要重新配置，有些地方忘了，花了一点时间，所以干脆整理出一份文档，下次配置时按照这份文档来配置就好了。

二、运行 PHP

1. 安装 PHP Intelephense 插件；
2. 安装 code run 插件。（在安装完成并配置好环境变量后，忘记重启 vscode，导致控制台输出一直显示乱码，参考：在vscode运行PHP，使用code run 插件，使用及问题解决 ）

三、open php in browser 插件配置

插件配置

• 设置Open-PHP-HTML-JS-in-browser: Custom Url To Open的值为http://localhost:端口/${relativeFile}
• 设置Open-PHP-HTML-JS-in-browser: Document Root Folder的值为你网站域名的根目录，例如:C:\xampp\htdocs\
• 选择Open-PHP-HTML-JS-in-browser: Url To Open的custom

我的 vscode 的设置为：

• Custom Url To Open：http://localhost/${fileBasename}；
• Document Root Folder：D:\PhpStudy\PHPTutorial\WWW；

四、配置 Markdown

参考：使用VS Code插件打造完美的MarkDown编辑器（插件安装、插件配置、markdown语法）

五、配置快捷键

参考：【VScode】vscode设置快捷键控制光标移动（替代上下左右）

打开快捷键设置的 json 文件

快捷键设置：

// 将键绑定放在此文件中以覆盖默认值
[
    {
        "key":"ctrl+l",
        "command":"cursorRight",
        "when": "textInputFocus"
    },
    {
        "key":"ctrl+j",
        "command":"cursorLeft",
        "when": "textInputFocus"
    },
    {
        "key":"ctrl+i",
        "command":"cursorUp",
        "when": "textInputFocus"
    },
    {
        "key":"ctrl+k",
        "command":"cursorDown",
        "when": "textInputFocus"
    },
    {
        "key":"ctrl+alt+l",
        "command":"cursorRightSelect",
        "when": "textInputFocus"
    },
    {
        "key":"ctrl+alt+j",
        "command":"cursorLeftSelect",
        "when": "textInputFocus"
    },
]

参考资料

1. 在vscode运行PHP，使用code run 插件，使用及问题解决
2. 使用VS Code插件打造完美的MarkDown编辑器（插件安装、插件配置、markdown语法）
3. vscode设置在php在浏览器打开
4. vscode 如何通过快捷键操作光标
5. 【VScode】vscode设置快捷键控制光标移动（替代上下左右）
6. VSCode 设置快捷键 实用配置