1、检查系统环境
$ node -v
$ npm -v
$ ionic -v
2、创建第一个tabs
$ ionic start demo-tabs tabs
由于国内防火墙限制,安装过程中可能会有如下报错
3、根据提示重新修复安装
(1)安装国内镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)cmd切换至新创建项目的文件夹下
$ cd demo-tabs
(3)使用国内镜像执行修复安装
$ cnpm install
(4)修复安装完成,验证是否可用
$ cnpm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
$ ionic serve
(5)浏览访问 http://localhost:8100/
4、推荐另一种创建方式
http://blog.ionic.io/ionic-cli-v3-beta/
$ ionic start --skip-npm
tabs ............... ionic-angular A starting project with a simple tabbed interface
blank .............. ionic-angular A blank starter project
sidemenu ........... ionic-angular A starting project with a side menu with navigation in the content area
super .............. ionic-angular A starting project complete with pre-built pages, providers and best practices for Ionic development.
conference ......... ionic-angular A project that demonstrates a realworld application
tutorial ........... ionic-angular A tutorial based project that goes along with the Ionic documentation
aws ................ ionic-angular AWS Mobile Hub Starter
5、至此全部完成,欢迎大家技术交流,配置过程中有问题可加群求助