Day5 利用 Vscode 执行 PHP

真的是大坑，从我开始学程序起，就都是用Vscode这个IDE，也因此我蛮习惯用这个IDE，不想再换别的，不然一般学习PHP许多人的IDE都是phpstorm，所以我来推Vscode!

Vscode的特点

讲到Vscode 那麽就要来推荐Vscode的特点
VS Code 最有趣的地方是容许使用者客制化程序码编辑器。Marketplace 上有很多各种各样的扩充套件 (Extension)，只需要点击几下就可以轻松整合到 IDE 中。

必装套件

  • 利於 Laravel 开发的套件

    这个直接方便，package 把许多需要的扩充套件一并下载下来。

Laravel goto view - Hover view('…') 会显示对应 view 档案相对位置，Ctrl+click前往编辑页面

laravel-goto-controller - Alt + click 点击 router 前往 controller

Laravel Blade Snippets - 非常方便的缩写自动产出及提示功能

Laravel Artisan - 可以在 Visual Studio Code 命令列使用 Laravel Artisan 指令

DotENV - 方便查看.env档案 syntax highlighting

PHP IntelliSense - PHP 自动完成及提示
等等非常多样好用的套件!

  • HTML Snippets

    HTML 缩写自动产出
    例如:
div --> <div></div>
doc --> <!DOCTYPE html>
a   --> <a href=""></a>

  • HTML phpcs

    检查PHP编码规范的扩展

  • Bracket Pair Colorizer 2

为什麽是2呢? 其实是因为有两个版本，分别为Bracket Pair Colorizer与Bracket Pair Colorizer2，差别在Bracket Pair Colorizer 2速度更快、处理更准确。

这个扩展能让开发者在复杂的程序码中更清楚看出每个程序区块，程序区块方便辨识之後，减少程序码错误，协助大中小括号（{}、[]、()）一一的独立补上不同色彩。

  • Beautify

    针对 javascript, JSON, CSS, Sass, HTML 文字颜色的美化

  • indent-rainbow

在撰写 HTML 时，良好的缩排有时候程序码太多很难看出有没有弄好，随着结构越复杂的情况下，常常会对不上不同行数的缩排对不上，这个时候颜色就能让你分辨缩排有没有对上！

  • Prettier

最适合对於程序码整齐有强迫症的人，Prettier 针对整个档案进行重新排版，让你不需要自己手动一一对齐~

  • Auto Rename Tag

    变更标签时，结尾标签自动修改

  • Auto Close Tag

  • Live Server

确保本地开发与运行环境一致，使用 Web Server 是好方法。

如果是在具有後端的环境下，如 PHP、.NET 开发都是包含 Web Server，但有时仅是制作小工具，如果还要开启後端环境就太麻烦了，Live Server 这个套件能够让你一键秒开 Web Server，不需再花费许多时间在环境上。

  • Git Graph

视觉化 Graph 功能，可以轻松看到 Merge 合并的支线状况。

  • Chinese (Traditional) Language Pack for Visual Studio Code

    这个可以把Vscode的介面改成中文唷唷唷!

Vscode下载

Day5 Winnie的聊天室

好累....XD 写了许多扩充套件，但有些功能也类似，最後看大家喜欢什麽，或是需要甚麽功能就去寻找相关的功能使用~
用了这些扩充套件，就是希望可以使自己写程序的时候操作顺很多，一款好的IDE真的帮助很大，其实我觉得PhpStorm的测试蛮好用的，但Vscode我有发现PHPunit好像不错，但还没有去研究怎麽用，很期待有机会分享一下。


<<:  Swift 新手－App Launch Screen 设计观念

>>:  Day 20 - 重新检视 mAP, F1, IoU, Precision-Recall 精准度

Day25 - 铁人付外挂测试验收（一） - 自动化测试

刚开始接案的时候，常常为了能赶在结案日来临之前把案子结掉，很多功能都是表面上能运作就拿去交差，心里虽...

集中心力在你能力所及之事，而非不舍於无法改变的事实。

集中心力在你能力所及之事，而非不舍於无法改变的事实。 Fix your eyes forward o...

【Day 18】Complexity & Graphs

接下来我们要针对复杂度做介绍，首先要说的就是高手们常常说的「Big O」! 但是到底什麽是 big ...

D24. 学习基础C、C++语言

D24. C++的标准输出 先来看看最原始的C++ Hello World程序码 #include ...

Day12 - Button(二)

我们昨天讲到 按钮事件有分很多种 1.点击一下事件 2.长按事件 上一篇我们已经学会了按钮的点击一下...