ionic3创建第一个项目demo

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

确保cmd在项目文件夹下

（3）使用国内镜像执行修复安装

$ cnpm install

cnpm install修复安装

（4）修复安装完成，验证是否可用

$ cnpm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
$ ionic serve

如有提示，输入“Y”回车继续 服务正常开启

（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、至此全部完成，欢迎大家技术交流，配置过程中有问题可加群求助

点击加入【老王Discuz/ionic交流】QQ群