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群

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容