一直从事原生开发很久,相信你也和我一样对混合开发保持浓厚的兴趣和一些担心,原生开发的我们会不会被取代?未来的技术会不会走向混合开发,我们谁也不能把握未来,但是我们可以从现在了解一些新的开发方式,比如今天小编要讲的混合开发框架cordova。
小编环境(参考作用,你不是也没有什么关系)
系统:macOS 10.12.6
准备工作(安装cordova之前应该准备的东西)
一、安装npm 、node.js
npm :npm是随同node.js一起安装的包管理工具,能解决node.js代码部署上的很多问题 npm详细资料
终端输入命令:
1、 查看版本,如果出现版本,就说明已经安装,如果没有就第一次安装
npm -v
node -v
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
三、安装过程走过的坑
说明之前要学会找坑在什么地方,可以通过日志找到坑的原因
如果你的电脑默认是隐藏文件,此时需要显示隐藏命令
defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //显示隐藏文件
defaults write com.apple.finder AppleShowAllFiles No && killall Finder //隐藏文件
路径在user/用户名(我叫apple)/npm/log
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(安装路径)"
最后赠言###
如果觉得文章对您有帮助,不要忘记star哦!😝,star 是对程序猿最大的鼓励!