网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

如何搭建VS2017CordovaIonic2移动开发环境-创新互联

如何搭建VS2017 Cordova Ionic2 移动开发环境?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联专注于太白企业网站建设,成都响应式网站建设,成都做商城网站。太白网站建设公司,为太白等地区提供建站服务。全流程按需网站开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

1. 文档概述

本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。

2. 安装环境

Windows10

3. 安装Visual Studio 2017community

3.1 官方下载地址:www.visualstudio.com/downloads/

3.2 运行安装程序,需选中使用JavaScript的移动开发,如下图所示。

如何搭建VS2017 Cordova Ionic2 移动开发环境

3.3 进行VS2017扩展Ionic2安装

3.3.1运行VS2017,点击菜单栏的 工具->扩展和更新

如何搭建VS2017 Cordova Ionic2 移动开发环境

3.3.2 安装 NPM Task Runner

在扩展和更新窗口左侧点 联机 右侧搜索 NPM Task Runner,找到后点下载

如何搭建VS2017 Cordova Ionic2 移动开发环境

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项目

如何搭建VS2017 Cordova Ionic2 移动开发环境

点确定后可看到右侧解决方案资源管理器依赖项正在还原。

如果还原失败,请使用VPN等代理工具FQ。

如何搭建VS2017 Cordova Ionic2 移动开发环境

3.5 运行

如果一切顺利,依赖项还原全部成功,这时候就可以开始执行了。

运行需要一会儿时间,稍后在浏览器看到如下界面,说明完全成功了。

如何搭建VS2017 Cordova Ionic2 移动开发环境

3.6 但是,有这么顺利吗?!

我在依赖性还原这里,即使开着代理,vpn,仍然出现错误@ionic/app-scripts 未安装

如何搭建VS2017 Cordova Ionic2 移动开发环境

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命令

如何搭建VS2017 Cordova Ionic2 移动开发环境

关于如何搭建VS2017 Cordova Ionic2 移动开发环境问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


本文题目:如何搭建VS2017CordovaIonic2移动开发环境-创新互联
地址分享:http://bjjierui.cn/article/dhscje.html

其他资讯