ionic3环境搭建
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)