VS2017 Cordova Ionic2 移动开发环境搭建教程

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

1. 文档概述

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

2. 安装环境

Windows10

3. 安装Visual Studio 2017community

3.1 官方下载地址：https://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

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

安装完成之后，在windows的开始菜单会有 Node.js command prompt快捷方式。

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

更多精彩内容大家可以点击《Visual Studio 2017开发使用教程》，关于visual studio的安装教程可以点击《Visual Studio安装使用手册》进行学习，希望大家喜欢。

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

赞 (0)

相关推荐

  • Ionic2开发环境搭建教程

    Ionic2开发环境搭建教程

    关于网络环境:ionic开发环境不需要FQ.我这里没有设置FQ,亲测可行.但是angular2的开发环境搭建,则需要FQ网络,否则很多包会安装失败. 建议大家在搭建开发环境的时候,不要参考百度出来的各种博客,太零碎,重要的是时间久,也不一定写的对.强烈建议参考官网引导教程.http://ionicframework.com/gettingstarted/ 1.下载安装Node.js.官网地址:https://nodejs.org/en/我安装的是v7.10.0版本. 2.安装完成后通过命令行 n

  • ionic 3.0+ 项目搭建运行环境的教程

    ionic 3.0+ 项目搭建运行环境的教程

    本文介绍了基于ionic3.4.0的项目搭建,分享给大家,具体如下: 在写这篇文章的时候,ionic版本已经更新到3.4.0.手头上有一大堆ionic1.x版本的项目,也在这个基础上开发了许多第三方的插件.实在是按捺不住迭代重构的想法,终于开始了3.x的升级.文中的内容都是在实践的过程编写的,注意请不要着急升级版本. 环境迁移 先看下升级后最新的环境输出信息 全局升级了Cordova和Ionic的版本,分别是7.0.1和3.4.0.输出ionic info 打印出最新的环境配置信息.这里要特殊指

  • VS2017 Cordova Ionic2 移动开发环境搭建教程

    VS2017 Cordova Ionic2 移动开发环境搭建教程

    分享VS2017 Cordova Ionic2 移动开发环境搭建教程 1. 文档概述 本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置. 2. 安装环境 Windows10 3. 安装Visual Studio 2017community 3.1 官方下载地址:https://www.visualstudio.com/downloads/ 3.2 运行安装程序,需选中使用JavaScript的移动开发,如下图所示. 3.3 进行VS2017扩展

  • vue.js开发环境搭建教程

    vue.js开发环境搭建教程

    vue.js开发环境搭建教程分享,具体内容如下 1.安装node.js,忽略 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装... 3.安装全局vue,用于帮助搭建所需的模板框架 在cmd里, 1).输入:cnpm install -g vue-cli,回车,等待安装... 2).输入:vue -V,回车,若出现vue信息说明表

  • Android Studio开发环境搭建教程详解

    Android Studio开发环境搭建教程详解

    对于移动端这块,笔者之前一直都是进行iOS开发的,也从来没用过Java.但是因为进入了Google Android全国大学生移动互联网创新挑战赛(进入官网)的总决赛(笔者"西部计算机教育提升计划"的项目被直接推荐进入决赛),这个比赛要求一定要提交apk程序,所以我不得不赶紧学习一下Android开发了. 下面就对自己学习的过程做一个记录. 一.安装Android Studio 笔者用的计算机配置如下: Mac下安装Android Studio应该更简单一些,只需要下载一个Android

  • Linux CentOS Python开发环境搭建教程

    CentOS安装Python 1.CentOS已经自带安装了2.x版本,先尝试python命令检查已安装的版本.如果你使用rpm.yum或deb命令安装过,请使用相对命令查询. 2.复制安装文件链接.在https://www.python.org/ftp/python/ 进入对应的文件夹,选择Python-3.x.0.tgz右键复制链接 3.在centOS下载tgz安装文件.使用wget https://www.python.org/ftp/python/3.7.0/Python-3.7.0.t

  • wind10 idea中 go 开发环境搭建教程图解

    1.下载安装包: 国内的: https://studygolang.com/ 这里使用的的是第一种https://studygolang.com/ 下载后解压到本地 目录结构: 配置环境变量 path中配置到bin 上面只要是弄过开发都应该可以搞定. 然后任意shell环境监察配置是否成功 go env go version 输出如下说明go安装配置成功. idea中的设置 file->plugins->在搜索框搜索go 插件 前两步可能收不到 往下看 添加 源 https://plugins

  • 仅5步搞定Android开发环境部署 Android开发环境搭建教程

    仅5步搞定Android开发环境部署 Android开发环境搭建教程

    在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入Android浪潮的朋友们,为了确保大家能顺利完成开发环境的搭建,文章写的尽量详细,希望对准备进入Android开发的朋友有帮助. 本教程将分为五个步骤来完成Android开发环境的部署. 第一步:安装JDK. 第二步:配置Windows上JDK的变量环境 . 第三步: 下载安装Eclipse . 第四步:下载安装Android SDK . 第五步:为Eclips

  • 新手必备Python开发环境搭建教程

    新手必备Python开发环境搭建教程

    一.Python解释器 安装 Windows平台 下载地址 https://www.python.org/ftp/python/3.9.5/python-3.9.5-amd64.exe(3.9版本) 安装python3.9 exe安装:注意修改目录.环境变量 安装路径:C:/python39(安装路径可以自定,但注意不要包含中文或空格等特殊字符) 验证 # 按键盘"win+R",输入"cmd" , 在命令行测试 C:\Users\cPenadm>python

  • monkeyrunner之安卓开发环境搭建教程（1）

    monkeyrunner之安卓开发环境搭建教程（1）

    在学习monkeyrunner之前,让我们先搭建好eclipse安卓开发环境. 对于程序开发人员而言,eclipse并不陌生,它提供了一个非常广阔的平台来开发程序.同样也可以用它来开发android程序.但是在eclipse中并不能直接开发android程序,需要我们安装一个ADT插件. 在ADT安装前,还有几个前提条件: 1.jdk已安装,并配置好环境变量.关于jdk的环境变量配置这里不做赘述. 2.eclipse已下载并解压.eclipse官网http://www.eclipse.org/d

  • Microsoft Visual C++ 6.0开发环境搭建教程

    Microsoft Visual C++ 6.0开发环境搭建教程

    上一篇演示的是如何安装VS2010,本文演示的是如何安装Microsoft Visual C++ 6.0 简称VC6. 有同学经常VC6都是很古董的版本了,为啥他还存在,不得不说VC6是微软一个很经典的版本. 现在很多公司都还是采用这个开发环境,不过大多数同学们的系统可能已经是win7或者win8.1了,导致VC6奔溃. 本文演示的VC++6.0绿色版本不存在这样的问题. 1.绿色版,先解压缩VC++6.0绿色版, 2.然后打开  运行.bat 3.输入项目名称 4.选择hello world

随机推荐