前言
最近要做前端專案開發了，但是自己已經好久么有做前端開發，將近3年的時間，想想當初自己那會做前端用的技術點就是Html、Jsp、Js、Jquery、LayUi等等，那時候除錯前端，用Eclipse進行開發除錯的，現在要做Vue前端開發，發現很多教程都沒有用開發工具進行前端除錯，除錯無非就是打Log、Debugger在瀏覽器看效果，說實話十分的不方便，
我現在開發工具18年就開始用Idea了，一直用到現在，于是查找用Idea進行Vue前端除錯的方法，還真被我找到了，后面可以非常便捷的用Idea進行Vue前端除錯了，這對于想要上手Vue的我來說，開了方便之門，后續我也會比較快速的上手Vue前端開發了，
現在我們來進行前端除錯開發配置，因為除錯依賴Chrome瀏覽器，所以Chrome是必須要安裝的瀏覽器，
配置
-
進入“網上應用店”
-
搜索“jetbrains ide support”
如果你可以找到這個插件則直接進行安裝即可，如果也沒有搜到，那就只有離線安裝這個辦法，
因為我沒有找到這個插件，但是找到離線安裝包百度網盤下載地址，可以進行線下離線安裝
鏈接：https://pan.baidu.com/s/16acM2myi57moGL2AV8hEHg
提取碼：6gez -
下載解壓得到 JetBrains IDE Support_downcc.crx檔案
-
復制 JetBrains IDE Support_downcc.crx 更改后綴為 rar
-
解壓，目錄如下
-
進入Chrome瀏覽器，點擊設定，選擇“擴展程式”
-
啟動開發者模式，加載已解壓的擴展程式“即引入擴展檔案夾”，如下代表引入成功
打開選項保持默認設定即可，
-
Idea-Debugger設定，保持默認即可，如果不同則需要進行調整
-
Idea-JavaScript Debug設定
-
以Debugger模式啟動Idea就可以進行前端除錯了，
配置也不是很復雜，如果有這方面要求的同學，希望能給大家提供幫助，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/347098.html
標籤：其他
上一篇：Python測驗框架pytest（25）測驗報告Allure - 簡介、安裝、示例、報告結構
下一篇：好。什么叫好？