美文网首页
安装配置weex

安装配置weex

作者: 王怀智 | 来源:发表于2017-12-15 11:50 被阅读15次

    1.在官网上下载node。下载地址 https://nodejs.org/en/download/


    注意,这里下载LTS版本。
    原因:奇数版本每年10月份发布,偶数版本第二年4月份发布。奇数发布后,前一个偶数版本相对应的会维护18个月,之后再由12个月的延长维护期。当偶数发布后,前一个奇数只有2个月的维护期。


    2.安装好之后,在命令行输入node -v查看node版本,输入nmp -v查看nmp版本
    ++nmp包含在node版本中的。

    3.安装淘宝镜像

    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    $ cnpm install -g weex-toolkit
    

    安装完weex之后,输入weex,查看weex命令行参数


    weex命令行参数
    init 创建一个新的vue 的项目
    debug  启动weexdebuger
    compile 编译we/vue文件
    create  创建一个新的weexpack项目工程
    platform <add|remove> <ios|android>  添加/删除ios/android 平台
    run <ios|android> 运行ios/android 项目
    

    4.创建一个weex的项目
    weex create project项目名称
    创建的同时会检查weexpack,然后安装weexpack
    安装完后,项目也就创建完成了。

    package.json中:
    build 源码打包,生成js bundle-----------        "build": "webpack",
    dev webpack watch模式,方便开发---------- "dev": "webpack --config webpack.config.js --watch -d",
    serve 开启HotReload服务器,代码改动实时同步到网页中----------"serve": "webpack-dev-server --config webpack.dev.js --watch --open"
    
    

    5.接下来安装依赖包 npm install,项目依赖

    运行根目录下的npm run dev&npm run serve  开启watch模式和静态服务器。
      * npm run dev 压缩混淆操作(编译),生成dist目录下的index.js和index.web.js
      * npm run serve 开启服务,自动打开浏览器,查看weex的hello world
    

    6.添加Android应用支持

    * weex platform add android  命令为添加android平台支持
    * weex run android 命令为发布android应用
    

    相关文章

      网友评论

          本文标题:安装配置weex

          本文链接:https://www.haomeiwen.com/subject/acgrwxtx.html