Visual Studio Code(VS Code)使用基本设置

台湾 Emacs 布道师试用了 VS Code 以后,决定不推 Emacs 了。

“我不该再推荐Emacs来危害世人,请各位善男信女及早回头用VSCode。它已经把大家想要的跟没想过的各种人性化功能都做出来了,我实在想不出来还有什么一定要用Emacs的理由。”

VS Code真的是一款良心的编辑器,界面实在是太好看了,插件也非常多。我也准备从Sublime Text 3 转到 VS Code。

但是刚开始使用,而且我也是个文科生,对于编程语言还是不太熟悉,所以只能慢慢摸索,并把自己摸索的过程放在这里,以便以后自己重新配置使用。都是些很基础的东西,所以请大佬无视。

20190714141837.png

更改默认用户设置


VS Code的设置文件为setting.json

用户设置的文件保存在如下目录:

  • Windows %APPDATA%\Code\User\settings.json
  • Mac $HOME/Library/Application Support/Code/User/settings.json
  • Linux $HOME/.config/Code/User/settings.json

工作空间设置的文件保存在当前目录的.vscode文件夹下。

所以有三种方式更改默认的设置:

  • 使用编辑器直接打开setting.json文件;
  • 点击 VS Code 的 文件 > 首选项 > 设置 ,可以打开设置面板;
    在 VS Code 中使用 Ctrl+Shift+P打开命令面板,输入Preferences: Open User SettingsPreferences: Open Workspace Settings

代码格式化


必须

首先,需要在setting.json中设置php.validate.executablePath。请将路径换成自己电脑上的PHP路径:

{
    "php.validate.executablePath":"D:/phpStudy/PHPTutorial/php/php-5.6.27-nts/php.exe"
}

如果没有下载PHP,可在这里下载PHPStudy,包含多个版本PHP。

点此前往

Code formatter

PHP代码格式化有多种插件可以选择,我比较推荐Prettier - Code formatter,这个插件即装即用,不用进行很多复杂的配置,适合我这样的懒人。

安装完成后,按下F1,调出命令窗口,输入fomat Document进行格式化,当然也可以输入Shift+Alt+F进行格式化。

我是将快捷键进行绑定,输入Alt+F进行格式化。

对于HTML,CSS也同样有效。

下载地址:点此访问

PHP-CS-Fixer

为了将操作过程保存,此处将使用PHP-CS-Fixer格式化的过程也作以记录。

  • 下载插件:PHP-CS-Fixer
  • 下载php-cs-fixer.phar文件,并将下载好的php-cs-fixer.phar文件放到php.exe的同级目录中。
  • 打开文件(F)->首选项(P)->设置(S),配置里面加入如下代码:(把路径改成自己的目录)
"php.executablePath": "D:/wamp64/bin/php/php7.0.33/php.exe",
"php-cs-fixer.executablePath": "D:/wamp64/bin/php/php7.0.33/php-cs-fixer.phar"
  • 安装完成后,按下F1,调出命令窗口,输入php-cs-fixer:fix this file对文档进行格式化。当然也可以绑定快捷键。

下载地址:PHP-CS-Fixer.phar 下载PHP-CS-Fixer插件

PHP Intelephense

这个就比较简单了,安装后直接Shift+Alt+F就可以格式化文档。

但是需要注意的是,一定要看清是PHP Intelephense,这是个五星好评插件,不要跟另一个搞混了!!!

下载地址:点此访问

等号对齐


Better Align

还记得 PHPStorm 设置里的等号对齐吗,可以实现变量和数组的等号对齐。优秀,必装。

安装完成后,在键盘快捷方式中设置快捷键,我设置的是Shift+Alt+=

也可以参照官方解决方案:

{
    "key": "ctrl+cmd+=",
    "command": "wwm.aligncode",
    "when": "editorTextFocus && !editorReadonly"
}

下载地址:点此访问

主题


Material Theme

金属主题,样式如前面图片所示。

下载地址:点此访问

快速注释


vscode-fileheader

顾名思义,该插件是用来生成文件头部的,但是因为主要是为js设计的,应用在PHP上就需要做一番优化。

下载安装插件后,在配置文件中这样写:

{
  "fileheader.Author": "ctwj",
  "fileheader.LastModifiedBy": "ctwj",
  "fileheader.tpl": "<?php\r\n/**\r\n * Description\r\n *\r\n * PHP Version 7\r\n *\r\n * @category PHP\r\n * @author   {author} <123456789@qq.com>\r\n * @license  MIT https://github.com/\r\n * @link     https://www.kuetr.cn/\r\n * @date     {createTime}\r\n * @modifyby {lastModifiedBy}\r\n */"
}

按下Shift+Alt+I试试效果。

20190714154338.png

下载地址:点此访问

PHP DocBlocker

这个就不用介绍了吧,大名鼎鼎的注释插件。

下载地址:点此访问

最后修改:2019 年 07 月 19 日 01 : 38 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论