分享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的更多教程能够点击ki4网举行进修,愿望人人喜好。以上就是本文的悉数内容,愿望对人人的进修有所协助。
以上就是VS2017 Cordova Ionic2 挪动开辟环境搭建教程的细致内容,更多请关注ki4网别的相干文章!