Cordova环境搭建

最新推荐文章于 2021-05-02 07:32:06 发布

孙家二哥

最新推荐文章于 2021-05-02 07:32:06 发布

阅读量1.5k

点赞数

分类专栏：技术 Cordova

本文链接：https://blog.youkuaiyun.com/tianxiawoyougood/article/details/54985471

版权

技术同时被 2 个专栏收录

7 篇文章

订阅专栏

Cordova

4 篇文章

订阅专栏

本文详细介绍了在Linux和Mac平台上如何安装和管理Node.js，使用nvm工具，以及安装Cordova过程中遇到的错误和解决方案。内容包括安装Node.js、nvm、Cordova，解决npm权限问题和ios-deploy的安装，以及Cordova项目的创建和运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Nodejs安装

打开 Nodejs 官网下载页，根据自己当前的操作系统平台，选择对应的nodejs版本，下载完后直接点击安装程序，下一步完成即可。测试nodejs安装，打开控制台，输入：

$ node -v // 查看node版本 $ npm -v // 查看npm版本

如果控制台成功输出当前程序安装的版本，那么你已经安装成功了。

二、Nodejs版本管理工具(Nvm)

由于Nodejs目前的更迭速度很快，有时候项目组人员的版本可能各不相同，为了避免出现不必要的问题，尽量统一管理node的版本，所以我们需要 nvm 这样一个版本管理工具，来轻松的达到自由切换nodejs和npm版本的问题。

Linux平台，Mac安装和更新

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash

或者

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash

打开控制台输

nvm --version // 查看nvm版本

如果成功输出，那么nvm就安装成功了。更多的nvm可以在控制台通过nvm --help查看。

当然如果发现控制台找不到nvm这个全局变量的话，那么我们可以尝试手动添加的方式。

打开~/.bashrc, ~/.profile, ~/.bash_profile, 或者~/.zshrcc文件，在文件后面添加变量环境导出的代码：

export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

同样的，进行完变量导出后，可通过上面的nvm --version查看安装结果。

三、Cordova安装

好了，搭建完这些基本工具后，终于可以安装cordova了。

在OSX或者Linux平台：

sudo npm install -g cordova

同样的，安装完成后，可以通过

cordova -v

命令查看安装结果。成功输出当前的cordova版本，那么你就安装成功了。

如果报错：

npm ERR! Darwin 14.0.0

npm ERR! argv "node" "/usr/local/bin/npm" "install" "-g" "cordova"

npm ERR! node v0.12.7

npm ERR! npm v2.11.3

npm ERR! shasum check failed for /tmp/npm-971-2c493ef3/registry.npmjs.org/cordova-app-hello-world/-/cordova-app-hello-world-3.9.0.tgz

npm ERR! Expected: 5866d8fed5582686c68ec59a6d1097c4ec0fcc4b

npm ERR! Actual: 64cde365d38ba8c33b0d854af07c738bbd86488d

npm ERR! From: https://registry.npmjs.org/cordova-app-hello-world/-/cordova-app-hello-world-3.9.0.tgz

npm ERR!

npm ERR! If you need help, you may report this error at:

npm ERR! <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:

npm ERR! /Users/sunchongguo/npm-debug.log

解决方法：

第一种执行命令： npm install https://registry.npmjs.org/npm/-/npm-1.3.20.tgz
第二种：npm set registry https://registry.npmjs.org/

第三种：（我使用这种方式解决的，在此之前用过第五种，不过没有成功）

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

第四种：

命令行指定

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

第五种：编辑 ~/.npmrc 加入下面内容

registry = http://registry.cnpmjs.org

四、创建Cordova项目和模拟器运行

切换到你的workspace目录，执行

cordova create hello com.example.hello HelloWorld

这个命令会帮我们自动在workspace目录下创建一个名为hello(即第一个参数）的文件夹，里面会包含几个子文件目录，第二个参数com.example.hello即为项目包的一个标识符，就像java项目中的某个包名一样。当然你可以在创建的时候就添加上去，如果不添加，cordova会帮你自动生成，而你之后可以在根目录下的config.xml下手动去更改这个项目标识名称。最后一个HelloWord为程序显示的标题名称。同样如果不写cordova会自动生成，也可以在config.xml下手动配置。创建完后，我们一个可以看到workspace下为我们生成的这个项目目录以及相关初始化文件。

添加运行平台：

cordova platform add android// 安卓 $ cordova platform add ios// 苹果 $ cordova platform add wp8// wp8

查看添加的运行平台：

cordova platformls

构建命令：

cordova build// 自动构建所以你添加的平台 $ cordova build platformName// 根据平台名称构建 $ cordova build android// 构建安卓平台

如果cordova build 执行出现提示：

Error: ios-deploy was not found. Please download, build and install version 1.9.0 or greater from https://github.com/phonegap/ios-deploy into your path, or do 'npm install -g ios-deploy'

可以执行：

npm install -g ios-deploy

如果这句命令也出现问题：

npm WARNcheckPermissions Missing write access to /usr/local/lib/node_modules

/usr/local/lib

└── ios-deploy@1.9.1

npm ERR! Darwin 16.4.0

npm ERR!argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "ios-deploy"

npm ERR!node v6.9.5

npm ERR!npm v3.10.10

npm ERR!path /usr/local/lib/node_modules

npm ERR!code EACCES