php study 直接显示代码_VSCode使用记录分享【PHP为例】

VSCode使用记录分享【PHP为例】

Visual Studio Code 是由Microsoft在2015年4月30日Build 开发者大会上正式发布的项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

下载安装

官网下载地址：https://code.visualstudio.com/

按照自己所处的操作系统，选择相应版本即可。

网站应该会自动检测操作系统，并优先提供该下载按钮

比如我的是Windows：

插件安装

安装完毕，会进入欢迎界面：

并且会在此提醒你安装一些插件，能出现在这里的插件，说明肯定是微软官方比较认可的插件，质量自然不必多说。

以及上图所示的其他流行的编辑器的快捷键的插件

可以说是非常贴心了。

---

先着重从几个方面讲一下我所使用的插件：（可能有的插件会以PHP为例进行说明）

插件一览

---

PHP智能提示

1. PHP Intelephense

1. PHP IntelliSense

装上以上两个插件后，PHP的智能提示，以及代码检测，自动的命名空间的导入，就足以了。

而这些功能对于不想用PhpStorm那种大型IDE的人来说，这些功能已经够了。

图标美化(Material Icon Theme)

Vscode自带的文件/文件夹的图标个人觉得是非常丑的，所以推荐安装。

他基本囊括了所有的图标，并且都非常好看。

上图是我的PHP项目，可以看出不同的文件夹他都有不同的颜色，用以区分。

代码格式化(Prettier - Code formatter)

安装完成后，在需要格式化的文件里面调换出命令窗口，window是ctrl+shift+p，输入fomat Document然后回车

结果：

这对于html,css等同样有效。

上图可以看到我自定义了快捷键alt+f这样比较快速。

自定义快捷键

好吧，既然讲到了快捷键，那么讲一下如何自定义快捷键

按照我下图的顺序，依次点击，进入到设置界面（File - Preferences - Keyboard Shortcuts）

然后搜索format，点击右键，选择更换快捷键。

HTML热刷新(Live Server)

可以看出，同样是一个满分插件。

插件的作用：

在编写HTML时，保存会自动刷新，这对前端程序员来说，无疑是非常好的。

使用方法

右键单击：

就会在本地启动一个服务器：

动态操作如下：

如果想停止的话，单击以下两个地方即可

代码运行(Code Runner)

Code Runner是可以直接在vscode中运行代码的插件。
当然，有些语言得配置环境。

Code Runner支持非常多的语言：

摘录官方的话：

Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, and custom command

而使用也非常简单：

比如我想要运行该php文件，则右键即可：

就会在控制台打印出结果：