分享构建VS2017 Cordova Ionic2移动开发环境的教程

1.文档概述

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

2.安装环境

窗口10

3.安装Visual Studio社区

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

3.2要运行安装程序，应该选择使用JavaScript的移动开发，如下图所示。

3.3安装VS2017扩展离子2

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

3.3.2安装NPM任务运行器

在扩展和更新窗口的左侧，单击在线并搜索右侧的NPM任务运行器，然后找到稍后要下载的点

3.3.3安装离子2

像3.3.2一样搜索ion C2，找到visual studio 2017的ion C2模板，然后单击下载

3.3.4关闭Visual Studio 2017，开始安装上面下载的两个扩展。

或者不使用上述方法，在安装node.js后，在命令行上执行：NPM install-g Cordova ional

3.4建立一个离子2项目

确认这一点后，您可以看到右侧的解决方案资源管理器的依赖性正在恢复。

如果恢复失败，请使用代理工具FQ，如虚拟专用网。

3.5操作

如果一切顺利，所有依赖关系都成功恢复，那么执行就可以开始了。

跑步需要一段时间。稍后，您将在浏览器中看到以下界面，表示它完全成功。

3.6然而，就这么顺利吗？

我是来恢复依赖关系的，即使打开代理和vpn，还是会出现错误。@ ion/app-scripts未安装

3.6.1解决方案

进入windows的命令提示符。

输入：npminstall @ ionic电子邮件保护]-save-dev

如果顺利的话，再次进入VS2017你会发现@ ion/app-scripts已经更新了。

3.6.2然而，执行上述命令的时候到了

无法下载“https://github.com/sass/node-sass/releases/download/v 4 . 5 . 0/win32-x64-51 _ binding . node”:

如何解决：

1.在浏览器中手动下载上面提示的链接，并将文件保存到某个目录

2.然后进入windows命令提示符：set sass _ binary _ path=e :/tools/win32-x64-51 _ binding . node。

3.再次运行npminstall @ ionic电子邮件保护]-save-dev

好，成功。

3.6.1如果以上命令都无法执行，可能需要下载并更新Node.js

从官方网站下载：https://nodejs.org/en/

安装完成后，在窗口的开始菜单中会有Node.js命令提示符的快捷方式。

单击此快捷方式在此窗口中执行上述npm命令

可以点击《Visual Studio 2017开发使用教程》获取更多精彩内容，点击《Visual Studio安装使用手册》获取visual studio的安装教程。希望你喜欢。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。