美文网首页
Mac下安装npm 、node、ionic和cordova

Mac下安装npm 、node、ionic和cordova

作者: 高思阳 | 来源:发表于2019-06-19 10:32 被阅读0次

为了开发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下,也可以更改目录。

下载node.js地址

打开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
其中 : 是每个目录的分隔符,XXXX 是引用 XXXX 这个变量的值,没 ,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

相关文章

网友评论

      本文标题:Mac下安装npm 、node、ionic和cordova

      本文链接:https://www.haomeiwen.com/subject/tddhqctx.html