Mac 上安装node、npm、cordova、ionic

admin 2019-1-2 414

        对于前端开发者,node、npm是必备安装环境。目前,最推荐的使用nvm进行node版本管理及对应版本的npm安装。具体安装步骤如下:

1.使用curl或wget安装nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash

or 

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash

 执行结果如下图一所示:

脚本将nvm 内容存储在~/.nvm,并把下面代码写入~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc文件中。

exportNVM_DIR="$HOME/.nvm"[-s"$NVM_DIR/nvm.sh"]&&\."$NVM_DIR/nvm.sh"#This loads nvm

Tips:如果没有.bash_profile,.zshrc,.profile,.bashrc,系统提示,需要手动新建.bashrc和.bash_profile文件内容分别如图二、图三所示,然后再次使用curl或wget安装nvm

图二 .bashrc文件
图三 .bash_profile

2. 如果安装nvm成功,使用nvm --version 如果出现对应版本号,则说明安装成功。

3. nvm安装成功后,可以先查看远程node版本,如图四所示

图四 远程node版本

4.使用nvm install [node版本号],安装成功如图五所示

图五 nvm 安装node

Tips:如果安装node速度很慢,可以使用下面命令使用淘宝镜像进行安装

export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node npm --registry=https://registry.npm.taobao.org

5.安装 cordova ionic

npm install -g cordova ionic

指定版本安装

npm install -g cordova ionic@3.12.0

在项目文件夹初始化项目命令:ionic start demo tabs

npm i

ionic serve

ionic serve --lab //使用lab模式启动ionic项目

ionic cordova platform add android

ionic cordova platform add ios


常用命令

nvm use [node 版本]:选定node版本作为开发环境

nvm list : 查看本地安装的node版本

nvm uninstall [node 版本]:卸载对应版本的node环境



最新回复 (0)
全部楼主
返回
发新帖
老师机论坛