前端第一課：編輯器與PHPSTUDY的安裝與配置過程

編輯器安裝過程

1.Visual Studio Code 官網(wǎng)下載軟件，解壓下載文件，打開安裝程序安裝至你的計(jì)算機(jī)。

2.安裝“Chinese(Simplified)Language Pack for Visual Studio Code” 插件，并重啟vscode軟件，將軟件語言轉(zhuǎn)換成中文。

3.安裝常用插件

類型

名稱

功能

通用

Chinese Language…

中文語言包

—

vscode-icons

最受歡迎的文件圖標(biāo)

—

Prettier-Code formatter

通用的代碼格式化工具

前端

HTML CSS Support

HTML\CSS代碼提示神器

—

Auto Clag Close

HTML標(biāo)簽自動(dòng)閉合

—

Auto Rename Tag

HTML標(biāo)簽自動(dòng)更名

PHP

PHP Intelephense

PHP代碼智能分析

—

PHP Intellisense

PHP代碼智能感知與重構(gòu)

MarkDown

MarkDownlint

MarkDown語言檢查器

執(zhí)行

Live Sever

創(chuàng)建本地服務(wù)器實(shí)時(shí)預(yù)覽

4.配置PHP運(yùn)行環(huán)境

phpstudy環(huán)境配置好后，再配置編輯器的PHP運(yùn)行路徑。

點(diǎn)擊“文件——首選項(xiàng)——設(shè)置”，打開設(shè)置界面，在界面右上角找到“打開設(shè)置(json)”按鈕，點(diǎn)擊打開配置文件

在文件中代碼”window.zoomLevel”: 0,后面添加代碼”php.validate.executablePath”: “F:/phpstudy/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe”(你的php.exe安裝路徑，一般在phpstudy環(huán)境中的\Extensions\php\php7.3.4nts\php.exe),路徑也可從phpstudy中的網(wǎng)站欄目找到你創(chuàng)建的網(wǎng)站，單擊“管理”按鈕，找到“打開根目錄”選項(xiàng)，找到“php.exe”文件，右擊，查看它的文件路徑。

如不知道如何配置，去vscode官網(wǎng)doc欄目下，選擇語言“php”進(jìn)行查找。

5.資源管理器

找到你的網(wǎng)站根目錄，單擊編輯器左上角的資源管理器，單擊“打開文件”，配置你的文件目錄，并創(chuàng)建第一個(gè)文件夾，第一個(gè)文件。

6.單擊“文件——首選項(xiàng)——顏色主題”，更換你喜歡的編輯器主題。

phpstudy安裝過程

1.進(jìn)入“https://www.xp.cn” 下載PhpStudy客戶端，解壓文件，安裝至你的計(jì)算機(jī)。

2.啟動(dòng)PhpStudy

3.在套件下邊啟動(dòng)你需要的環(huán)境軟件。Apache服務(wù)器或Nginx服務(wù)器，啟動(dòng)Mysql軟件。

4.創(chuàng)建本地站點(diǎn)

單擊“網(wǎng)站”欄目，單擊“創(chuàng)建網(wǎng)站”，在彈出的窗口選擇“基本配置”。分別填寫你的域名(如front.edu)、軟件會(huì)自動(dòng)根據(jù)域名生成你的網(wǎng)站目錄，目錄名可更改，后期你的網(wǎng)頁(yè)每一個(gè)文件都放在這個(gè)目錄下。第二域名可填可不填。

選擇php版本，默認(rèn)就可

填寫完成后單擊“確認(rèn)”按鈕，然后去站點(diǎn)列表，單擊“管理——打開網(wǎng)站”，瀏覽進(jìn)入站點(diǎn)創(chuàng)建成功提示頁(yè)面，你的站點(diǎn)就創(chuàng)建成功了。

總結(jié)

以上是生活随笔為你收集整理的php什么设置前端代码,代码编辑器与PHPSTUDY的安装与配置过程（前端第一课）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。