下載vue-devtools插件的步驟


1.進入Vue官網 https://cn.vuejs.org/

-->生態系統-->Devtools-->復制Git下載地址

2.進入想要放的文件夾里打開命令窗口

git clone 粘貼(如下)
git clone https://github.com/vuejs/vue-devtools.git

3.打開下載好的vue-devtools文件夾

1.打開package.json文件
2.找到依賴包devDependencies里面的以下三個包進行刪除
	buble,buble-loader,selenium-server

4.進入文件夾vue-devtools打開命令窗口

下載以上刪除的包:
cnpm install buble
cnpm install buble-loader
cnpm install wbuf
cnpm install selenium-server(該安裝過程可能會卡在那里,按ctrl+c結束,不影響)
下載依賴包里的安裝包
cnpm install
運行
npm run build

5.進入文件夾vue-devtools

1.進入shells-->chrome-->manifest.json打開修改以下內容:
	找到以下部分:
	"persistent":false
	修改為:
	"persistent":true

2.進入shells-->chrome-->webpack.config.js打開修改以下內容:
	找到以下部分:(最后面)
	'process.env':{NODE_ENV:"production"} 
	修改為:
	'process.env':{NODE_ENV:"development"} 

6.把插件應用到瀏覽器

1.找到文件夾vue-devtools\shells下的chrome文件夾
2.直接拖進瀏覽器的更多工具-->擴展程序里


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM