前提：打开命令行
一：Vue.js 了解
Vue.js 环境配置
（1） 安装 nodejs node.js
（2） 安装 webpack : npm install webpack -g
（3）安装 vue-cli 脚手架：npm install vue-cli -g
Vue.js 项目创建
项目一般不要放到默认的c盘中，切换到其他盘，我是放到d盘的-----> d:
（1）vue init webpack vue-hello ( vue-hello 为项目名称 )
（2）cd vue-hello 切换到创建的项目目录下
（3）npm install 安装npm（镜像）
（4）npm run dev 或 npm start （调式模式、运行、）他会默认启动一个nodejs 服务器来支持程序的运行
Vuejs 项目结构
ps: 上面除了命令行安装配置环境，必须要做，创建vue项目不必做，刚开始被误导了，其实要创建的是weex项目，后面编译的也是weex项目
二：Weex 入门
Weex 环境配置
（1）全局安装 weex-toolkit ： npm install weex-toolkit -g
（2）将 weex 安装路径配置至系统环境变量中： C:\Users\Administrator\AppData\Roaming\npm
weex - v，显示版本表示安装成功：
C:\Users\Administrator>weex -v
v1.3.5
- weexpack : v1.2.3
- weex-builder : v0.4.0
- weex-previewer : v1.5.1
Weex 创建项目 （重头戏，创建的时候建议切换目录到d或者e盘）
（1） 创建 weex 空项目：weex create weex-custom-extends ( weex-custom-extends 为项目名称)
（2） 进入到项目根目录： cd weex-custom-extends
（3） 安装依赖的第三方 js 包：npm install
（4） 启动本地 web 服务，浏览器预览渲染效果：npm start
如果是移动端第四步就不必执行了
（5） 添加 Android 或 iOS 平台：weex platform add android 或 weex platform add ios
（6）运行：weex run android （我是安卓）
（7）编译 vue为js： npm run build
1、2、3这三步经常要用
运行的过程中会出现很多问题，
安卓的环境变量必须要配好ANDROID_HOME一定要有，不然会报错
还有就是adb要链接，不然也会报错。
加载的时候按照官网接入weex的sdk.
然后把用vue编写的代码变异成js文件放到assets文件中加载。
题外话一下：
当命令行变成这样你要继续编译的话Ctrl + C一下就好了
把vue编译成js的命令行：
npm run build 编译 vue ,将生成的 js 拷贝至 Android Studio 的 assets 目录中
ps:注意啦，注意啦，本人在这里坑过，这里把weex项目下的vue编译成js的时候一定要切换到项目目录下，以我项目为例
先切换到d盘 （d:）,在切换到项目目录（cd D:\weex-one），这时候执行 命令（npm run build）执行完后，打开你创建的weex项目，如下图：
下面这个图是别人的参考一下
Weex debug 调试
（1） 命令： weex debug ，浏览器自动打开待调试的页面。第一次需要下载如下图：
第二次就不需要下载了 输入：weex debug src/index.vue
打开的浏览器：
（2） 使用 weex playground app 扫描二维码，扫描成功后，浏览器自动跳转到下面页面，点击下图框中的二维码，并使用 weex playground app 扫描，即可开始调试待 debug 的页面。
（3） 扫描框中二位码成功后，即看到下面页面。
Weex 扩展
问题延伸：
有时候执行命令行：npm run build编译vue成为js的时候会编译不到components里面vue的问题 ：
解决办法如下： 第一步可以不执行
Demo下载：下载
友情链接：可以参考这篇文章