关于vscode插件:配置-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 设置快捷键 实用配置