搜 索

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

  • 1w阅读
  • 2019年07月14日
  • 6评论
首页 / 摸鱼日常 / 正文

台湾 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

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

下载地址:点此访问

评论区
小轲 2020年08月26日 14:34
回复

插件开发神器,很多大神现场演示都用的这款轻量级 IDE ::aru:proud::

番茄君
1 条回复
番茄君
番茄君 2020年08月27日 16:06
回复

你终于回来了

张扬 2020年06月03日 20:59
回复

向博主致敬,写的非常好,感觉像你本人一样精致!

番茄君
1 条回复
番茄君
番茄君 2020年07月27日 22:42
回复

谢谢~????

光脚丫思考 2020年01月11日 11:12
回复

文章写的不错呀!学习研究了一下,自己动手弄了弄,很棒。如有机会,可以交流探讨下!

奔跑的番茄
1 条回复
奔跑的番茄
奔跑的番茄 2020年02月10日 14:29
回复

谢谢,我还是新手

avatar