Ionic2开发环境搭建-VS 2017

简介: 原文:Ionic2开发环境搭建-VS 2017 目前在VS 2017中创建Ionic2版本项目 注:在VS中开发Ionic项目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比较低。
原文: 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

目录
相关文章
|
JavaScript 开发工具 开发者
openHarmony开发环境搭建
从今天开始正式写openHarmony相关的文章,经过一段时间的沉淀,学习之路漫漫,不断地学习才是王道,熟话说万事开头难,安装软件应该是学习的第一道坎,废话不多说了,看内容了~~
258 0
openHarmony开发环境搭建
|
移动开发 JavaScript Java
给Ionic写一个cordova(PhoneGap)插件
    给Ionic写一个cordova(PhoneGap)插件   之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。
1928 0
|
Android开发 C++ iOS开发
Ionic3开发环境搭建-VS Code
原文:Ionic3开发环境搭建-VS Code 一、Ionic3在VS Code中的开发环境搭建 1.全局安装Ionic包 npm install -g cordova ionic使用 ionic -v命令,查看是否安装成功 2.
1633 0
|
JavaScript Android开发
|
Android开发 iOS开发
|
移动开发 JavaScript Java
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1166 0