ionic学习(五):问答社区01 tabs的新建及引用

1.新建项目answer01 

ionic start answer01 tabs

2.启动项目:

ionic serve

3.新增4个page:discovery, chat, notification,more

ionic g page 名称
ionic学习(五):问答社区01 tabs的新建及引用_第1张图片

(删除默认的about contact页面)

4.添加到tabs中,并在app.moudle.ts中引用

ionic学习(五):问答社区01 tabs的新建及引用_第2张图片

ionic学习(五):问答社区01 tabs的新建及引用_第3张图片


ionic学习(五):问答社区01 tabs的新建及引用_第4张图片


显示如下:

ionic学习(五):问答社区01 tabs的新建及引用_第5张图片

备注:vscode中安装插件

https://blog.csdn.net/qq_38906523/article/details/77278403

1.vscode-icons 用于显示文件图标

2.path intellisense 提示导入路径

3.Bracket Pair Colorizer 括号颜色配对


你可能感兴趣的:(ionic)