Laravel for Visual studio code 的開發環境設置

Visual studio code 開發環境設置的用途說明

Visual Studio Code (VS Code) 是一個輕量但功能強大的原始碼編輯器,它支援多種程式語言,並透過擴充套件系統提供豐富的客製化功能。程式設計師在撰寫程式前,應設置好開發環境,以便事半功倍,大致說明 VS Code 開發環境設置的用途:

1. 程式碼編輯與開發:

  • 語法高亮與自動完成: VS Code 能夠識別多種程式語言的語法,並提供高亮顯示和自動完成功能,幫助開發者更快速、準確地編寫程式碼。
  • 程式碼導覽與重構: 它提供程式碼導覽功能,讓開發者能夠輕鬆地在程式碼之間跳轉,並支援程式碼重構,方便修改和維護程式碼。
  • 除錯功能: VS Code 內建強大的除錯工具,支援多種程式語言的除錯,讓開發者能夠輕鬆找出並修正程式碼中的錯誤。
  • 版本控制整合: VS Code 整合了 Git 版本控制系統,方便開發者進行程式碼的版本管理。

2. 環境客製化與擴充:

  • 擴充套件系統: VS Code 的擴充套件系統讓開發者能夠根據自己的需求安裝各種擴充套件,擴充編輯器的功能,例如支援特定程式語言、整合開發工具等。
  • 個人化設定: VS Code 允許開發者自訂編輯器的外觀、快捷鍵、程式碼風格等設定,打造符合個人習慣的開發環境。
  • 終端機整合: VS Code 內建終端機,方便開發者在編輯器中執行命令列操作,例如編譯程式碼、執行測試等。

3. 遠端開發:

  • 遠端連線: VS Code 支援遠端連線功能,讓開發者能夠在遠端伺服器或虛擬機器上進行開發,方便進行跨平台開發或使用遠端資源。
  • 容器化開發: VS Code 支援容器化開發,讓開發者能夠在容器中建立一致的開發環境,確保程式碼在不同環境中都能正常運行。

總結:

VS Code 開發環境設置的用途在於提供一個高度客製化、功能強大的程式碼編輯與開發平台,幫助開發者更有效率地編寫、除錯、管理和部署程式碼。透過其豐富的擴充套件和靈活的設定選項,VS Code 能夠滿足不同開發者的需求,成為一個通用的開發工具。

常用 Extension 套件

Composer

image

DotENV

image 1

Format HTML in PHP

image 2

Git Graph

image 3

Git History

image 4

GitLens — Git supercharged

image 5

HTML CSS Support

image 6

IntelliPHP – AI Autocomplete for PHP

image 7

Laravel

image 8

Laravel Extra Intellisense

image 9

PHP

image 10

PHP Debug

image 11

PHP Debug

image 12

PHP Extension Pack

image 13

PHP Intelephense

image 14

PHP IntelliSense

image 15

PHP Namespace Resolver

image 16

PHP Profiler

image 17

Vue – Official

image 18

Debug Launch.json

Visual Studio Code (VS Code) 中,launch.json 檔案扮演著至關重要的角色,主要用於配置和管理程式碼的偵錯過程。以下是 launch.json 的主要用途:

  • launch.json 允許開發者指定偵錯器類型(例如 Node.js、Python、C++ 等),以及啟動程式時所需的命令和參數。
  • 這使得開發者能夠針對不同的專案和程式語言,設定特定的偵錯環境。
  • 可以設定偵錯時所需要傳入的參數,使偵錯的行為可以更貼近實際運行時的狀況。
  • 設定環境變數,讓偵錯的環境可以與運行時的環境相同。

總結來說,launch.json 檔案的主要目的是:

  • 提供一個結構化的方式來配置 VS Code 中的偵錯會話。
  • 讓開發者能夠更精確地控制偵錯過程,提高程式碼的除錯效率。

透過使用 launch.json,開發者可以更有效地利用 VS Code 的偵錯功能,快速找出並修正程式碼中的錯誤。

下面是基本的配置參數

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch 127 server and debug",
            "type": "php",
            "request": "launch",
            "runtimeArgs": ["-S", "127.0.0.1:8000", "-t", "."],
            "port": 9003,
            "serverReadyAction": {
                "action": "openExternally"
            },
            "ignore": ["**/vendor/**/*"]
        }     
    ]
}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


內容索引