Ionic2开发环境搭建-VS 2017

本文介绍如何在Visual Studio 2017中设置Ionic2开发环境,包括必要的插件安装、项目创建及初始化过程。还提供了解决网络导致的包安装失败等问题的方法。
原文: Ionic2开发环境搭建-VS 2017

目前在VS 2017中创建Ionic2版本项目

注:在VS中开发Ionic项目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比较低。

1.前提,安装VS时,选择安装了“ 使用JavaScript的移动开发“

如果没有安装,在VS中选择更新扩展,重新安装


2.安装 Ionic2的开发插件:NPM Task Runner 和 Ionic 2 Templates for Visual Studio 2017 

打开插件的联机安装,都下载完后,关闭VS,自动安装。

工具》扩展和更新 ,如上图


3.创建Ionic2 项目,并初始化



由于网络等原因,包初始化过程很慢,有的可能加载不成功。


进入windows的命令提示符。

输入: npm install @ionic/app-scripts@latest --save-dev 

如果顺利执行的话,再次进入VS2017就会发现@ionic/app-scripts已经更新好了。

如果有很多包安装失败,解决方案1,使用npm的代理安装 ,比如淘宝镜像:cnpm i 


4.启动运行,调试


更多: 

Ionic3开发环境搭建-VS Code

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值