React1s前端編輯

React1s前端編輯是一款前端編輯的軟件的軟件，適合在網(wǎng)頁開發(fā)當(dāng)中進(jìn)行使用，能夠直接通過點(diǎn)擊的方式來完成編輯的內(nèi)容，非常適合一些需要進(jìn)行前端編輯的個(gè)人用戶進(jìn)行使用，需要進(jìn)行前端開發(fā)的可以來嘗試這款React1s前端編輯！

React1s前端編輯

點(diǎn)擊頁面元素跳轉(zhuǎn)到編輯器

隨著 React 項(xiàng)目越來越大，在本地開發(fā)時(shí)經(jīng)常會(huì)遇到這樣一個(gè)場景，想改頁面上的一個(gè)組件，但是比較難去定位到這個(gè)組件在源碼中對(duì)應(yīng)的位置。本插件無需任何配置，支持 React 項(xiàng)目本地開發(fā)時(shí) Option(Alt)+Click 頁面上對(duì)應(yīng)元素即可跳轉(zhuǎn)到編輯器對(duì)應(yīng)組件行列。

常見問題

Q: Option(Alt)+Click不起作用

A: 對(duì)于一些比較舊的React項(xiàng)目，babel 配置可能需要@babel/plugin-transform-react-jsx-source支持

Q: 在 WSL2 環(huán)境中如何使用

A: 編輯器配置選擇自定義路徑，然后填入 vscode://vscode-remote/wsl+Ubuntu/${fileName}:${lineNumber}:${columnNumber}，其中的 Ubuntu 可替換成自己的 WSL2 發(fā)行版名稱