为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android.
Ionic(ionicframework一款接近原生的HTML5移动App开发框架 会html css js就可以开发app
1.安装npm 、node.js
安装cordova之前要安装nodejs,会包含npm安装(node package manager,通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等)
可以在官网上下载nodejs的mac OSX版安装包。然后双击,下一步下一步···,osx会自动添加环境变量,不用手动配置,mac上会默认安装到 usr/local/bin下,也可以更改目录。
打开pkg,一路安装即可,最后会出现
安装node.js
node -v //可查看已安装的nodejs版本号
npm -v //可查看已安装的npm的版本号
安装成功
环境变量手动配置(osx会自动添加环境变量,不用手动配置,这里可以跳过,只是做记录)
touch bash_profile
vi .bash_profile
(不习惯用vi的可以直接用 open 命令打开文本——open .bash_profile)
然后在.bash_profile中加入
export PATH="/usr/local/bin:$PATH"
(设置环境变量 PATH 为 /usr/local/bin 外加原来的 PATH 变量内容。
比如 PATH 原来的变量为 /usr/bin
这个命令之后,PATH 内容就是 /usr/local/bin:/usr/bin
其中 : 是每个目录的分隔符, ,PATH 就是4个字母,不会被识别为变量。
export 是赋值的命令)
然后在esc退出编辑模式,再输入:wq
退出
2.安装 ionic 和 cordova
输入在终端中以下内容安装特定版本cordova和ionic:
npm install -g ionic cordova@8.1.2
npm install -g ionic@5.0.0
我们项目用的版本
附:删除命令
npm uninstall cordova -g
npm uninstall ionic -g
这里解释一下为什么安装指定版本比较好:
刚接触cordova看到教程肯定是直接
npm install -g cordova
但是高版本的cordova不一定兼容低版本,有时候安装了高版本的cordova添加平台的时候会报错
所以这个时候,先卸载之前版本的cordova,再重新安装制定版本的cordova
npm uninstall cordova -g
npm install -g ionic cordova@8.1.2
网友评论