安装配置weex

2017-12-15  本文已影响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应用
上一篇下一篇

猜你喜欢

热点阅读