VS2017 Cordova Ionic2 移動開發(fā)環(huán)境搭建教程
分享VS2017 Cordova Ionic2 移動開發(fā)環(huán)境搭建教程
1. 文檔概述
本文檔用于說明Visual Studio 2017下使用 Ionic 2進行跨平臺開發(fā)的運行環(huán)境配置。
2. 安裝環(huán)境
Windows10
3. 安裝Visual Studio 2017community
3.1 官方下載地址:https://www.visualstudio.com/downloads/
3.2 運行安裝程序,需選中使用JavaScript的移動開發(fā),如下圖所示。
3.3 進行VS2017擴展Ionic2安裝
3.3.1運行VS2017,點擊菜單欄的 工具->擴展和更新
3.3.2 安裝 NPM Task Runner
在擴展和更新窗口左側點 聯機 右側搜索 NPM Task Runner,找到后點下載
3.3.3 安裝 Ionic2
同3.3.2一樣搜索 Ionic2 找到 Ionic 2 Templates for Visual Studio 2017 ,然后點擊下載
3.3.4 關閉Visual Studio 2017,此時開始安裝上面所下載的兩個擴展。
或者不使用上述方法,在安裝好 node.js之后,在命令行執(zhí)行:npm install -g cordova ionic
3.4 建立一個Ionic2項目
點確定后可看到右側解決方案資源管理器依賴項正在還原。
如果還原失敗,請使用VPN等代理工具FQ。
3.5 運行
如果一切順利,依賴項還原全部成功,這時候就可以開始執(zhí)行了。
運行需要一會兒時間,稍后在瀏覽器看到如下界面,說明完全成功了。
3.6 但是,有這么順利嗎?!
我在依賴性還原這里,即使開著代理,vpn,仍然出現錯誤@ionic/app-scripts 未安裝
3.6.1 解決辦法
進入windows的命令提示符。
輸入:npm install @ionic/app-scripts@latest --save-dev
如果順利執(zhí)行的話,再次進入VS2017就會發(fā)現@ionic/app-scripts已經更新好了。
3.6.2 然而,執(zhí)行上面命令的時候出現了
Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.0/win32-x64-51_binding.node":
怎么解決呢:
1.在瀏覽器手工下載上面提示的鏈接,保存文件到某個目錄
2.然后進入windows命令提示符: set SASS_BINARY_PATH=E:/Tools/win32-x64-51_binding.node
3.再次運行 npm install @ionic/app-scripts@latest --save-dev
OK,成功。
3.6.1 如果上面命令都不能執(zhí)行,可能你需要下載更新Node.js
安裝完成之后,在windows的開始菜單會有 Node.js command prompt快捷方式。
點擊此快捷方式,在此窗口執(zhí)行上述npm命令
更多精彩內容大家可以點擊《Visual Studio 2017開發(fā)使用教程》,關于visual studio的安裝教程可以點擊《Visual Studio安裝使用手冊》進行學習,希望大家喜歡。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
如何在ASP.NET Core中使用Session的示例代碼
這篇文章主要介紹了如何在ASP.NET Core中使用Session的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-01-01ASP.NET Core 2.0 本地文件操作問題及解決方案
這篇文章主要介紹了ASP.NET Core 2.0 本地文件操作問題及解決方案,需要的朋友可以參考下2017-10-10ASP.NET.4.5.1+MVC5.0設置系統角色與權限(一)
這篇文章主要介紹了ASP.NET.4.5.1+MVC5.0設置系統角色與權限的部分內容,后續(xù)我們將繼續(xù)討論這個話題,希望小伙伴們喜歡。2015-01-01