ionic基础

• 环境安装

安装nodejs最新稳定版本

直接安装或安装nvm，nvm是nodejs的一个版本管理工具

可以安装nrm，nrm是npm仓库地址管理工具

直接切换npm仓库镜像地址，一般换成淘宝镜像地址，如：

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

• 安装ionic

npm install -g cordova ionic

• 第一个项目helloworld

创建项目
//创建“helloword” 项目，当前目录下生成“helloword”文件夹

//ionic4创建项目时，可能不成功，需要翻墙或者降级到ionic3

ionic start helloworld

//执行后，会在命令行提示以哪种模版创建、css文件使用哪类模版等，按字面意思选择即可

安装模块
上一步之行到npm i时候会比较慢，可以直接ctrl+c结束，执行

cnpm i

速度会快很多

运行项目
ionic serve

//项目启动后会自动打开浏览器

• 基础知识

npm命令
//安装卸载模块命令

//全局安装xxx模块

npm install –g xxx

//安装package.json中dependenties中的模块

npm install

//安装模块但不写入package.json文件

npm install  xxx       

//安装并写入package.json的”dependencies”中（运行用到）

npm install xxx --save

//安装并写入package.json的” devDependencies”中（运行用不到）

npm install xxx --save-dev

//删除xxx模块

npm uninstall xxx

//删除全局xxx模块

npm uninstall –g xxx

 

• ionic项目目录结构

参考：https://blog.csdn.net/fn512613/article/details/91599189