IOS+前段 Cordova框架研究iOS开发专题

Mac下最详细的cordova安装流程问题总结

2017-09-07  本文已影响1225人  摸着石头过河_崖边树

一直从事原生开发很久,相信你也和我一样对混合开发保持浓厚的兴趣和一些担心,原生开发的我们会不会被取代?未来的技术会不会走向混合开发,我们谁也不能把握未来,但是我们可以从现在了解一些新的开发方式,比如今天小编要讲的混合开发框架cordova。


图片无关.jpg
小编环境(参考作用,你不是也没有什么关系)

系统:macOS 10.12.6

准备工作(安装cordova之前应该准备的东西)

一、安装npm 、node.js
npm :npm是随同node.js一起安装的包管理工具,能解决node.js代码部署上的很多问题 npm详细资料

终端输入命令:
1、 查看版本,如果出现版本,就说明已经安装,如果没有就第一次安装

npm -v
node -v

Snip20170906_10.png

2、如果没有安装,就直接去官网下载安装包就可以,下载包下载安装时候会自动安装npm 、node
安装图文解说地址

安装完成后查看时候安装完成 : npm -v node -v

二、安装cordova

安装提醒:
由于cordova安装包的镜像在国外,国内网络不行,经常出现安装失败的情况。这就要使用淘宝镜像,在命令行输入一下命令:

npm config set registry http://registry.cnpmjs.org

终端执行安装命令就可以OK,mac上会默认安装到 usr/local/bin下,也可以更改目录

sudo npm install -g cordova //-g代表全局安装,即可以供多个项目使用 sudo是因为使用root权限,需要管理员密码

完成之后查看

cordova -v

Snip20170906_11.png
三、安装过程走过的坑

说明之前要学会找坑在什么地方,可以通过日志找到坑的原因
如果你的电脑默认是隐藏文件,此时需要显示隐藏命令

defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //显示隐藏文件

defaults write com.apple.finder AppleShowAllFiles No && killall Finder //隐藏文件

路径在user/用户名(我叫apple)/npm/log


Snip20170907_12.png

1、文件存在问题

error File exists: /usr/local/lib/node_modules/cordova/node_modules/astw

解决办法:移除usr/local/lib/node_modules/cordova (安装路径下的安装文件),重新安装

2、文件缺失问题

error enoent ENOENT: no such file or directory, access '/usr/local/lib/node_modules/cordova/node_modules/async'

解决办法:移除usr/local/lib/node_modules/cordova (安装路径下的安装文件),重新安装

3、有可能因为网络原因、或者镜像的问题报错

check failed for /tmp/npm-971-2c493ef3/registry.npmjs.org

解决办法:(来源网络,小编并没有遇到)
镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):
A.通过config命令

npm config set registry http://registry.cnpmjs.org npm info underscore (如果上面配置正确这个命令会有字符串response)

B.命令行指定

npm --registry http://registry.cnpmjs.org info underscore

C.编辑 ~/.npmrc 加入下面内容(主要找到对应文件哦😝😝)

registry = http://registry.cnpmjs.org

D、修改全局模块安装目录

npm config set prefix "user/apple/node/node-global(安装路径)" npm config set cache "user/apple/node/node-cache(安装路径)"

cordova开发文档

tmpdir__17_9_6_10_30_49.JPG

最后赠言###

如果觉得文章对您有帮助,不要忘记star哦!😝,star 是对程序猿最大的鼓励!

上一篇下一篇

猜你喜欢

热点阅读