9-21日  [配置Cordova环境]  [Alfred使用手册]

Mac神器  Alfred使用手册   http://www.tuicool.com/articles/YJJv2i


配置Cordova环境
1. nodejs官网 下载最新版本,安装pkg文件

2.终端运行 这俩句

(通过淘宝NPM镜像安装ionic和cordova包,不加这句可能会被墙)
sudo npm set registry  https://registry.npm.taobao.org
sudo npm install -g cordova ionic


3.检测是否安装完成

ionic info


接着输入上面提示的内容就OK了
sudo npm install -g cordova

sudo npm install -g ios-sim

sudo npm install -g ios-deploy

环境不同可能不一样,以它的提示为准


cordova使用
$cd ~/Documents
 
$cordova create hello com.example.hello HelloWorld
 
加-d可以显示工程的创建的详细情况。
 
第一个参数hello为工程的文件夹名;
第二个参数(可选)com.example.hello为应用程序的id名,与Xcode中类似,可以在config. xml中修改,如果不指定的话默认为io.cordova.hellocordova;
第三个参数(可选)HelloWorld为App显示的名称,也可在config.xml中修改。

进入工程目录:
$ cd hello
 
添加iOS平台文件:
$cordova platform add ios

创建成功后可以打开hello目录查看以下结构:
 
|--conig.xml         //cordova的配置文件
|--hooks/             //存放自定义cordova命令的脚本文件。      
||--README.md 
|--platforms/      //各个平台原生工程代码,会在build时被覆盖勿修改
|--plugins/        //插件目录(主要是提供各个平台的原生API)
|--www/          //用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。


||-- CSS/
||--img/
||--index.html       //App入口html文件
||--js/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Vue 2 中配置 Cordova 环境,你需要按照以下步骤进行操作: 1. 安装 Cordova 首先,你需要在本地计算机上安装 Cordova。你可以使用以下命令在终端中安装 Cordova: ``` npm install -g cordova ``` 2. 创建 Cordova 项目 运行以下命令创建 Cordova 项目: ``` cordova create myApp com.example.myApp MyApp ``` 其中,`myApp` 是项目的名称,`com.example.myApp` 是项目的包名,`MyApp` 是项目的标题。 3. 添加平台 要为你的应用程序添加平台,请运行以下命令: ``` cd myApp cordova platform add android ``` 这将在你的项目中添加 Android 平台。 4. 构建应用程序 在完成上述步骤后,你可以使用以下命令构建你的应用程序: ``` cordova build android ``` 这会在你的项目中构建 Android 应用程序。 5. 在 Vue 中集成 Cordova 要在 Vue 中集成 Cordova,请执行以下步骤: - 在 `public` 目录下创建一个 `cordova.js` 文件,并将其添加到 `index.html` 文件中: ``` <script src="cordova.js"></script> ``` - 在 `src/main.js` 文件中添加以下代码: ```javascript document.addEventListener('deviceready', onDeviceReady, false) function onDeviceReady () { console.log('Cordova is ready!') } ``` 这将在 Cordova 设备准备就绪时输出一条消息。 - 在 `package.json` 文件中添加以下代码: ```json "scripts": { "cordova-serve": "cordova serve" } ``` 这将允许你使用 `npm run cordova-serve` 命令启动 Cordova 服务器。 现在,你已经成功地在 Vue 2 中配置Cordova 环境。你可以使用 Cordova 提供的各种功能来开发移动应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值