美文网首页web前端工程师学院
npm 无法安装 ionic 解决办法

npm 无法安装 ionic 解决办法

作者: 2010jing | 来源:发表于2016-06-14 21:54 被阅读9035次

一般从 node.js官网下载安装完之后,npm也会同时安装完。

如果通过

$ npm install -g cordova ionic 

去安装,往往会失败。
这个是由于GFW,很多插件下载不下来,还好我们有淘宝镜像来解决这个问题:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org 

安装完成后,以后所有的插件都使用cnpm这个命令来进行安装。

$ cnpm install -g cordova ionic 

更新cordova及ionic包

$ cnpm update -g cordova ionic

更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:

$ ionic lib update

相关的环境配置(windows下)
ANDROID_HOME 你放置android_sdk的文件夹路径 如:

C:\Android\android-sdk-windows  
path     %ANDROID_HOME%\platform-tools;
path     %ANDROID_HOME%\tools;

进入到你要创建项目的路径,如 C:\home\workshop\ionic
创建一个 tabs的项目 格式如下 ionic start <project-name> <optional-template>

$ ionic start myApp tabs

进入 myApp

$ cd myApp

添加android平台:

$ ionic platform add android

生成androidapk:

$ ionic build android

在android模拟器或真机中模拟:

$ ionic emulate android

可以将上面两步合并成一个步骤如下

$ ionic run android

iOS 和 android 同时启动模拟器

$ ionic serve --lab

调试
我们在前面已经说过,在开发前期我们一般会在web中调试,而Ionic为我们提供了非常方面的web调试环境,只需要执行ionic serve就可以实现lievereload,而在部署到移动端后也可以开启livereload的,我们只需要修改下我们run命令参数:

ionic run android --livereload -c -s 

这是android的调试模式,无论在虚拟机上还是在手机上都可以实现livereload,不用每次开发完成编译再部署!-c是开启客户端日志输出,-s是开启服务器端日志输出。

相关文章

网友评论

  • 陈三金:请问安装ionic时报这个错误该怎么处理
    C:\Users\Administrator>ionic lib update
    D:\nodejs\node_global\node_modules\ionic\dist\index.js:24
    const [xcode, iosDeploy, iosSim,] = yield Promise.all([
    ^

    SyntaxError: Unexpected token [
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:414:25)
    at Object.Module._extensions..js (module.js:442:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous> (D:\nodejs\node_global\node_modules\ionic\bin\ionic:8:
    11)
    at Module._compile (module.js:435:26)
    at Object.Module._extensions..js (module.js:442:10)

    陈三金:留下解决方案,供后来人参考,是版本问题,用这个版本就ok:
    npm install -g ionic cordova@5.0.0
    npm install -g ionic@1.6.5
    陈三金:@2010jing C:\Users\Administrator>npm install -g cordova ionic
    npm WARN engine ionic@3.0.0: wanted: {"node":">=6"} (current: {"node":"4.2.2","n
    pm":"2.14.7"})
    npm WARN peerDependencies The peer dependency strip-ansi@^3.0.1 included from @i
    onic/cli-utils will no
    npm WARN peerDependencies longer be automatically installed to fulfill the peerD
    ependency
    npm WARN peerDependencies in npm 3+. Your application will need to depend on it
    explicitly.
    npm WARN deprecated node-uuid@1.4.8: Use uuid module instead
    D:\nodejs\node_global\ionic -> D:\nodejs\node_global\node_modules\ionic\bin\ioni
    c
    大兄弟 这是说依赖的文件版本问题吗,望不吝指教
    2010jing: @陈三金 没遇到这样情况😂

本文标题:npm 无法安装 ionic 解决办法

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