Ionic 2 开发(一)_安装与目录结构

由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的

安装Node.js

安装Ionic

npm install -g cordova

npm install -g ionic

设置淘宝镜像

npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)

新建项目

ionic start demo

编译运行调试

cd demo
npm install
ionic serve

Ionic 2 开发(一)_安装与目录结构

项目结构

Ionic 2 开发(一)_安装与目录结构

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

覆盖默认样式的位置

学习不是要么0分,要么100分的。80分是收获;60分是收获;20分也是收获。有收获最重要。但是因为着眼于自己的不完美,最终放弃了,那就是彻底的0分了。
上一篇:利用apache代理功能实现网站资源异步存储


下一篇:mount NAS存储失败