从零开始做App一 搭建Ionic环境

Ionic开发流程

1、安装环境

Node.js

Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境，很多工具依赖于Node。
Windows版本，官网直接下载安装包，安装完成后命令号查看版本。

//查看Node.js版本
node -v 
//查看NPM版本
npm -v
//配置Npm的仓库版本为国内的淘宝
npm config set registry http://registry.npm.taobao.org/

Ionic、Cordova

Ionic是一个用来开发混合手机应用的，开源的，免费的代码库;可以优化html、css和JavaScript的性能，构建高效的应用程序。Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能。
使用Node的包管理工具NPM安装二者，安装完成后通过"-v"查看版本

npm install -g cordova ionic
ionic -v
cordova -v

Vs code 编辑器

去微软官方下载

2、开始项目

初始化一个项目

ionic start myApp tabs

项目代码位置

/src/app 下面的每个文件夹代表一个页面
.page.ts 页面的业务逻辑代码
.page.scss 页面的样式文件
.page.html 页面的文件

//生成页面的命令
ionic g

浏览器中预览项目

ionic serve

打包安卓平台

ionic cordova bulid andriod