Ionic 2 开发（一）_安装与目录结构

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

安装Node.js

• 官网：http://nodejs.cn/
• 自行下载安装

安装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

项目结构

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

覆盖默认样式的位置