一直从事原生开发很久，相信你也和我一样对混合开发保持浓厚的兴趣和一些担心，原生开发的我们会不会被取代？未来的技术会不会走向混合开发，我们谁也不能把握未来，但是我们可以从现在了解一些新的开发方式，比如今天小编要讲的混合开发框架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(安装路径)"
tmpdir__17_9_6_10_30_49.JPG
最后赠言###
如果觉得文章对您有帮助，不要忘记star哦!😝，star 是对程序猿最大的鼓励！
网友评论