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应用
网友评论