weex开发, 安装nodejs 、weex-toolkit 、weex-pack
weex官网文档:http://weex.apache.org/cn/
vuejs官网文档:https://cn.vuejs.org/
weex-toolkit:https://github.com/weexteam/weex-toolkit
nodejs安装
windows用户直接在nodejs官网下载安装包即可。lunix用户的话可以下载源码包自行编译安装,或者使用系统的apt-get活着yum进行安装。mac用户的话,推荐使用homebrew进行安装。安装完成后查看版本命令
node -v
weex-toolkit安装
weex-toolkit是weex为开发者提供的一个开发脚手架 安装最新版本 因为新版本才开始支持vue,原来的话是不支持的 如果你在之前安装过weex-toolkit,想要升级到最新版本的话。直接使用安装命令即可,会帮你安装最新的。
npm install -g weex-toolkit
快速构建
直接使用weex初始化项目
#初始化 Weex 项目
weex init weexproject
#进入到项目所在目录
cd weexproject
#安装项目依赖
npm install
注: 命令行运行 npm config set loglevel=http 再运行 npm install 显示安装进度
在package.json中,已经配置好了几个常用的 npm script,分别是:
build: 源码打包,生成 JS Bundle
dev: webpack watch 模式,方便开发
serve: 开启静态服务器
debug: 调试模式
npm run build: 编译项目。
npm run serve: 会监听本地 8080 端口,打开http://localhost:8080可以在浏览器中预览页面。
npm run dev: 监听 src 目录中的文件变化,并自动编译”
weex src/xx.vue 实时预览
weex compile src/xx.vue dist 可以使用weex compile通过命令行工具进行单个文件或者整个项目的打包