VS2017 Cordova Ionic2 移動開發環境搭建教程

這篇文章主要為大家詳細介紹了VS2017 Cordova Ionic2 移動開發環境搭建教程，具有一定的參考價值，感興趣的小夥伴們可以參考一下

分享VS2017 Cordova Ionic2 移動開發環境搭建教程

1. 文檔概述

本文檔用於說明Visual Studio 2017下使用 Ionic 2進行跨平台開發的運行環境配置。

2. 安裝環境

Windows10

3. 安裝Visual Studio 2017community

3.1 官方下載地址：www.visualstudio.com/downloads/

3.2 運行安裝程式，需選中使用JavaScript的移動開發，如所示。

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之後，在命令列執行：npm install -g cordova ionic

3.4 建立一個Ionic2項目

點確定後可看到右側方案總管依賴項正在還原。

如果還原失敗，請使用VPN等代理工具FQ。

3.5 運行

如果一切順利，依賴項還原全部成功，這時候就可以開始執行了。

運行需要一會兒時間，稍後在瀏覽器看到如下介面，說明完全成功了。

3.6 但是，有這麼順利嗎？！

我在依賴性還原這裡，即使開著代理，vpn，仍然出現錯誤@ionic/app-scripts 未安裝

3.6.1 解決辦法

進入windows的命令提示字元。

輸入：npm install @ionic/app-scripts@latest --save-dev

如果順利執行的話，再次進入VS2017就會發現@ionic/app-scripts已經更新好了。

3.6.2 然而，執行上面命令的時候出現了

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 如果上面命令都不能執行，可能你需要下載更新Node.js

官網下載：nodejs.org/en/

安裝完成之後，在windows的開始菜單會有 Node.js command prompt捷徑。

點擊此捷徑，在此視窗執行上述npm命令

關於visual studio的更多教程可以點擊php中文網進行學習，希望大家喜歡。以上就是本文的全部內容，希望對大家的學習有所協助。