小編給大家分享一下VS2017 Cordova Ionic2移動開發(fā)環(huán)境怎么搭建，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,西湖企業(yè)網(wǎng)站建設,西湖品牌網(wǎng)站建設,網(wǎng)站定制,西湖網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,西湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。分享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
在擴展和更新窗口左側(cè)點 聯(lián)機 右側(cè)搜索 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項目
點確定后可看到右側(cè)解決方案資源管理器依賴項正在還原。
如果還原失敗，請使用VPN等代理工具FQ。
3.5 運行
如果一切順利，依賴項還原全部成功，這時候就可以開始執(zhí)行了。
運行需要一會兒時間，稍后在瀏覽器看到如下界面，說明完全成功了。
3.6 但是，有這么順利嗎？！
我在依賴性還原這里，即使開著代理，vpn，仍然出現(xiàn)錯誤@ionic/app-scripts 未安裝
3.6.1 解決辦法
進入windows的命令提示符。
輸入：npm install @ionic/app-scripts@latest --save-dev
如果順利執(zhí)行的話，再次進入VS2017就會發(fā)現(xiàn)@ionic/app-scripts已經(jīng)更新好了。
3.6.2 然而，執(zhí)行上面命令的時候出現(xiàn)了
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
官網(wǎng)下載：https://nodejs.org/en/
安裝完成之后，在windows的開始菜單會有 Node.js command prompt快捷方式。
點擊此快捷方式，在此窗口執(zhí)行上述npm命令
看完了這篇文章，相信你對“VS2017 Cordova Ionic2移動開發(fā)環(huán)境怎么搭建”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
重慶分公司
重慶分公司
