weex 环境搭建一 weex-toolkit

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通过命令行工具进行单个文件或者整个项目的打包