我爱编程ionic3开发

ionic3环境搭建

2018-04-13  本文已影响0人  风语菡

Node 至少6.0以上的版本。

1、安装node  

1)使用官网安装包安装,点LTS那个下载,稳定版

安装:双击相应文件,默认安装即可。

2)使用nvm安装node(推荐,适用Mac)

a.先卸载之前安装的node/npm (mac下需要使用sudo)

sudo rm -rf /usr/local/lib/node_modules # 删除全局node_modules 目录

sudo rm /usr/local/bin/node # 删除 node

cd/usr/local/bin && ls -l |grep "../lib/node_modules/"| awk '{print $9}'| xargs rm # 删除全局 node 模块注册的软链

b. 安装nvm(适用于mac)

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


详见:nvm安装说明

安装完 nvm 后,输入nvm,当看到有输出时,则 nvm 安装成功。若没安装成功,则需要做以下操作:

vi  ~/.bash_profile

然后将以下代码复制进去,保存退出

export NVM_DIR="$HOME/.nvm"

export NVM_NODEJS_ORG_MIRROR="http://npm.taobao.org/mirrors/node"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

然后 source 一下.bash_profile

source ~/.bash_profile

c.使用nvm安装指定版本node

nvm install 8.9.1   # 安装 node8.9.1

验证:cmd输入

node -v

npm -v

2、  设置npm源

设置淘宝镜像

cmd输入:

npm config set registry https://registry.npm.taobao.org

3、  安装ionic、cordova 

1)使用淘宝镜像

cmd输入:

npm install –g ionic cordova

验证,cmd输入:

ionic info

cordova -v 

4、设置node-sass下载地址

npm install 时,node-sass可能会下不下来,解决办法时设置淘宝镜像,如下:

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

验证,cmd输入:

npm config list

5、  下载node_modules

cd 到项目根目录

cmd输入:

npm install

 6、  运行项目

cd 到项目根目录

cmd输入:

ionic serve

ionic serve –l (可看到android、ios、winphone界面)

7、  安装VSCode(建议用这个作为IDE)

VSCode 下载地址

上一篇下一篇

猜你喜欢

热点阅读