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开发环境搭建
|
移动开发 weex
Weex开发环境搭建
1、首先下载 node.js 下载链接:https://nodejs.org/zh-cn/ ; 2、安装node.js; 3、在终端通过node -v和npm -v分别检查 node 和 npm 是否安装成功,成功如图: node和npm安装成功 4、在终端输入npm install -g weex-toolkit命令安装 weex-toolkit 。
1018 0
|
移动开发 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.
1635 0
|
JavaScript Android开发
|
Android开发 iOS开发
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1168 0
|
设计模式 前端开发 IDE
ionic3项目实战教程 - 第1讲 ionic3环境安装 项目搭建
嘿 好久不见!IONIC3终于趋于稳定,这次的教程选的是一个简单商城案例,主要包含商品分类,和商品列表,商品详情、个人中心。同样,功能很简单,但基本涵盖了实战开发中所用到的内容,包括一些封装思想、网络请求、数据绑定、组建通信、模块懒加载、自定义组件等等。
928 0