VS Code插件之Cordova Tools 原文:VS Code插件之Cordova Tools

版權聲明：本文為博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/u011127019/article/details/59137579

一、承接?Apache Cordova開發環境搭建（二）VS Code，本文介紹VS Code 插件Cordova Tools

1.Corova Tools目前的主要功能是更方便的開發調試

• ?Run Android on device ：真機測試
• Run Android on simulator：模擬器測試
• Simulate Android in browser：在瀏覽器中測試

2.工具地址：https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools

二、安裝命令

ext install cordova-tools
三、使用整理

1.初始化完成Cordova ，使用VS Code打開項目

2.Ctrl+Shift+D ，或者 點擊 查看》調試

3.選中在模擬器中運行Cordova項目，點擊綠色按鈕，開啟調試

4.運行結果

四、監聽上下文變量或對象

五、真機調試

1.使用數據線連接電腦，設置手機允許USB調試

2.選擇Run Android on device，就可以了

3.特別說明，如果手機usb連接失敗，或者掉線，調試失敗

拋出異常：

ERROR: Failed to deploy to device, no devices found

如圖所示，沒有連接或掉線調試失敗，解決方案是重新插一下USB數據線，就可以了連接狀態為 "devices"

使用VS Code 調試很多使用就不需要Weinre工具了，關于weinre遠程調試

更多：

Apache Cordova開發環境搭建（二）VS Code

VS Code使用技巧整理

VS Code智能提示功能之Typings

posted on 2019-01-07 10:25 NET未來之路 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/lonelyxmas/p/10231757.html

總結

以上是生活随笔為你收集整理的VS Code插件之Cordova Tools的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。