Ionic搭建环境与新建一个项目
2017-07-15 20:30
211 查看
配置环境+新建ionic项目的具体过程:
1、下载nodejs安装,安装在工作盘,检验是否安装成功——打开window powershell, 输入node -v出现版本号,即为安装成功
2、npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),但因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常。所以在国内一般使用cnpm安装。
powershell输入npm -g icnpm按Enter键等待……cnpm -v出现版本号安装成功。安装相关的库,如cnpm -g i ionic cordova,cnpm -g i parse-server…
3、等待过程可能时间会就一点,VSCode官网下载VSCode并安装
4、一切安装成功之后便可以开始建立工作目录,选择一个工作盘,新建文件夹workspace,在power shell中输入如下:cd e: 按Enter 输入mkdir workspace按Enter 输入cd workspace
5、按照第四步之后就可以开始一个真正的项目,powershell中在进入的工作目录输入:ionic start myapp tabs//创建一个带top栏和bottom栏的示例项目
6、第5步新建的是一个ionic项目,打开VSCode编辑器,按住键盘上的Ctrl和`切换终端。
D:\workspace\myapp>输入cnpm I 就会自动安装package.json里面的依赖,在终断输入ionic serve可运行界面Ionic App。Ctrl+C键可终止运行。
各种弄完之后就可以开始一个新的项目了:终断输入ionic serve可运行界面Ionic App一般会自动跳转到本机的默认浏览器,我们切换到谷歌浏览器,按键F12,选择Screen为iphone 6 ,选择Console控制台看到自己输出的一些内容。
Ionic的学习可以从Ionic的组件开始学习,学习参考官方文档(http://ionicframework.com/docs/components/)
1、下载nodejs安装,安装在工作盘,检验是否安装成功——打开window powershell, 输入node -v出现版本号,即为安装成功
2、npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),但因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常。所以在国内一般使用cnpm安装。
powershell输入npm -g icnpm按Enter键等待……cnpm -v出现版本号安装成功。安装相关的库,如cnpm -g i ionic cordova,cnpm -g i parse-server…
3、等待过程可能时间会就一点,VSCode官网下载VSCode并安装
4、一切安装成功之后便可以开始建立工作目录,选择一个工作盘,新建文件夹workspace,在power shell中输入如下:cd e: 按Enter 输入mkdir workspace按Enter 输入cd workspace
5、按照第四步之后就可以开始一个真正的项目,powershell中在进入的工作目录输入:ionic start myapp tabs//创建一个带top栏和bottom栏的示例项目
6、第5步新建的是一个ionic项目,打开VSCode编辑器,按住键盘上的Ctrl和`切换终端。
D:\workspace\myapp>输入cnpm I 就会自动安装package.json里面的依赖,在终断输入ionic serve可运行界面Ionic App。Ctrl+C键可终止运行。
各种弄完之后就可以开始一个新的项目了:终断输入ionic serve可运行界面Ionic App一般会自动跳转到本机的默认浏览器,我们切换到谷歌浏览器,按键F12,选择Screen为iphone 6 ,选择Console控制台看到自己输出的一些内容。
Ionic的学习可以从Ionic的组件开始学习,学习参考官方文档(http://ionicframework.com/docs/components/)
相关文章推荐
- Ionic-wechat项目边开发边学(一):环境搭建和创建一个项目
- Ionic:环境搭建和创建一个项目
- ionic入门教程第一课--环境搭建和新建ionic项目
- Ionic-wechat项目边开发边学(一):环境搭建和创建一个项目
- ionic入门教程第一课--环境搭建和新建ionic项目
- [Angular] Angular环境搭建及新建项目(一)
- 使用ionic+cordova WebApp项目环境搭建与项目创建
- Phonegap3.4 环境搭建及新建项目
- (一)ubuntu下qtcreator +opencv下新建一个项目和调用caffe环境配置
- 混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic,搭建开发环境,创建项目
- 搭建PhoneGap开发环境以及新建项目
- Android JNI(NDK)简单学习(环境搭建,创建一个JNI项目的基本流程)
- eclipse+drools 6.5开发环境的搭建,以及创建一个简单的drools项目
- ionic2 -- 环境搭建和ionic2项目目录介绍
- Phonegap3.4 环境搭建及新建项目
- Ubuntu 16.04 SPARK 开发环境搭建-- 伪分布版 与新建一个Spark版本的WordCount
- nodejs+phonegap+ionic环境搭建并创建项目
- 使用nodejs、ejsExcel、express、vuejs编写一个excel转json的工具——第一步:创建vuejs项目并搭建开发环境
- Cocos2d-x v3.0正式版尝鲜体验【1】 环境搭建和新建项目
- 用.Net打造一个移动客户端(Android/IOS)的服务端框架NHM(三)——搭建Android开发环境,用Hibernate生成Android项目的Model层