前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VSCode使用记录分享【PHP为例】

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

作者头像
无道
发布2019-11-13 15:19:32
9420
发布2019-11-13 15:19:32
举报
文章被收录于专栏:无道编程无道编程

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

下载安装

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

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

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

比如我的是Windows:

截图-1556804766
截图-1556804766

插件安装

安装完毕,会进入欢迎界面:

截图-1556804819
截图-1556804819

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

截图-1556805621
截图-1556805621

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

可以说是非常贴心了。


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

插件一览

截图-1556805034
截图-1556805034

PHP智能提示

  1. PHP Intelephense
截图-1556805596
截图-1556805596
  1. PHP IntelliSense
截图-1556805582
截图-1556805582

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

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

图标美化

Material Icon Theme

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

截图-1556805555
截图-1556805555

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

截图-1556805519
截图-1556805519

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

代码格式化

Prettier - Code formatter

截图-1556805496
截图-1556805496

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

截图-1556806608
截图-1556806608

结果:

截图-1556806822
截图-1556806822

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

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

自定义快捷键

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

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

截图-1556807049
截图-1556807049

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

截图-1556807159
截图-1556807159

HTML热刷新

Live Server

截图-1556805707
截图-1556805707

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

插件的作用:

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

使用方法

右键单击:

截图-1556805853
截图-1556805853

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

截图-1556805887
截图-1556805887

动态操作如下:

截图-1556805968
截图-1556805968

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

截图-1556806087
截图-1556806087

代码运行

Code Runner

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

截图-1556806150
截图-1556806150

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文件,则右键即可:

截图-1556806260
截图-1556806260

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

截图-1556806290
截图-1556806290
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-06-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 下载安装
  • 插件安装
    • PHP智能提示
      • 图标美化
        • 代码格式化
          • 自定义快捷键
            • HTML热刷新
              • 代码运行
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档