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

半纸药笺 2019-06-27

由于公司开始使用后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
覆盖默认样式的位置

相关推荐

twtiqfn / 0评论 2019-11-03