1. 程式人生 > >還在用DW?使用chrome開發者工具作為前端編輯器

還在用DW?使用chrome開發者工具作為前端編輯器

chrome本身自帶了一個編輯器,支援程式碼高亮顯示,自動提示,自動縮排,再加上可以實時檢視文件DOM和編輯CSS,簡直不要太好用!支援多檔案編輯! 下面就來看看如何使用這個工具。 1.開啟chrome 按下f12鍵 在這裡插入圖片描述 按下之後就是這個樣子,我已經提前打開了本機的web伺服器。

2.切換到Source->FileSystem 在這裡插入圖片描述 如果是第一次進入這,那麼將什麼也沒有。 點選+Add folder to workspace 新增自己的專案資料夾。 我這裡添加了pythonWeb

3.之後就可以編輯資料夾的內容了 在這裡插入圖片描述 編輯之後,按Ctrl+S可以儲存。