由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的
安装Node.js
- 官网:
- 自行下载安装
安装Ionic
npm install -g cordovanpm install -g ionic
设置淘宝镜像
npm config set registry https://registry.npm.taobao.orgnpm info underscore (如果上面配置正确这个命令会有字符串response)
新建项目
ionic start demo
编译运行调试
cd demonpm installionic serve
项目结构
1.src/index.html
index.html 是 Ionic应用的主入口文件,其目的是设置脚本和CSS引导,然后开始运行我们的应用程序。这是我们项目的加载入口
2.src/app
入口文件夹 /app.component.ts
应用入口文件,每个应用程序都有一个根组件,用于控制应用程序的其余部分。将HomePage页面赋值给rootpage变量,在app.html中使用这个变量。
3.src/pages
放置我们生成的页面
4.src/assets
存放icon、img等资源
5.src/resources
包含你的app图标和启动画面,分安卓和ios
6.src/theme/variables.scss
覆盖默认样式的位置