配置环境+新建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/)