在使用WebStorm 2021.1.2時(shí)，開(kāi)啟預(yù)覽選項(xiàng)卡可以讓我們更方便地查看代碼的同時(shí)預(yù)覽網(wǎng)頁(yè)效果。下面將介紹如何開(kāi)啟預(yù)覽選項(xiàng)卡。打開(kāi)WebStorm 2021.1.2界面首先，打開(kāi)WebStor

在使用WebStorm 2021.1.2時(shí)，開(kāi)啟預(yù)覽選項(xiàng)卡可以讓我們更方便地查看代碼的同時(shí)預(yù)覽網(wǎng)頁(yè)效果。下面將介紹如何開(kāi)啟預(yù)覽選項(xiàng)卡。

打開(kāi)WebStorm 2021.1.2界面

首先，打開(kāi)WebStorm 2021.1.2的界面，確保你已成功進(jìn)入編輯環(huán)境。

點(diǎn)擊左上角的"File"菜單

在WebStorm 2021.1.2界面的左上角，你會(huì)看到一個(gè)"File"菜單。點(diǎn)擊該菜單，會(huì)彈出一個(gè)下拉菜單，其中包含了一些常用的功能選項(xiàng)。

選擇"Settings"選項(xiàng)

在下拉菜單中，找到并點(diǎn)擊"Settings"選項(xiàng)。這會(huì)打開(kāi)一個(gè)設(shè)置窗口，里面包含了WebStorm的各種配置選項(xiàng)。

點(diǎn)擊左側(cè)的"Editor"標(biāo)簽

在設(shè)置窗口的左側(cè)，你會(huì)看到一列標(biāo)簽，其中包括了不同的配置選項(xiàng)。點(diǎn)擊"Editor"標(biāo)簽，會(huì)展開(kāi)該標(biāo)簽下的子選項(xiàng)。

勾選"Enable Preview Tab"選項(xiàng)

在"Editor"標(biāo)簽下的子選項(xiàng)中，找到并勾選"Enable Preview Tab"選項(xiàng)。這個(gè)選項(xiàng)的作用是啟用預(yù)覽選項(xiàng)卡功能。

點(diǎn)擊"OK"

勾選完"Enable Preview Tab"選項(xiàng)后，點(diǎn)擊設(shè)置窗口底部的"OK"按鈕。這樣就完成了預(yù)覽選項(xiàng)卡的開(kāi)啟設(shè)置。

通過(guò)以上步驟，你已經(jīng)成功開(kāi)啟了WebStorm 2021.1.2的預(yù)覽選項(xiàng)卡功能?，F(xiàn)在，你可以在編輯代碼的同時(shí)，隨時(shí)預(yù)覽網(wǎng)頁(yè)的效果了。這對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)非常有用，能夠提高工作效率和代碼質(zhì)量。希望本文的介紹對(duì)你有所幫助！