[配置Cordova环境] [Alfred使用手册]

2016-12-20  本文已影响170人  PetitBread

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


配置Cordova环境

1.到nodejs官网下载最新版本,安装pkg文件

2.终端运行 这俩句

(通过淘宝NPM镜像安装ionic和cordova包,不加这句可能会被墙)

sudo npm set registryhttps://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/
上一篇下一篇

猜你喜欢

热点阅读