Weex 第一眼

[luics]

作为一个简化的、过渡的操作流程，大家可以参考：

前置依赖（操作一次）

1. Windows 用户请安装 git for windows，以下命令请在 git-bash 中运行
2. Install Node.js 4.x
3. Clone 项目 git clone https://github.com/alibaba/weex.git （申请权限）
4. 命令行（windows 请用 git-bash）进入 weex 项目根目录
5. 安装依赖 npm install，如果安装太慢或出错，可以使用 cnpm
   • rm -rf node_modules
   • npm install -g cnpm
   • cnpm install

常规操作

1. 命令行（windows 请用 git-bash）进入 weex 项目根目录
2. 启动项目 ./start
3. H5 预览
   1. 浏览器访问 http://localhost:12580/index.html?page=./examples/build/index.js
4. Android 预览
   1. 下载 Playground 所有 Demo 源码在 /examples
   2. 找个二维码工具，生成 http://ip:12580/examples/build/index.js， 然后用 Playground 扫码
5. iOS 预览
   1. 支持本地打包，暂不支持 AppStore 下载
   2. 找个二维码工具，生成 http://ip:12580/examples/build/index.js， 然后用 Playground 扫码
6. 新增 demo
   1. 添加 demo， examples/demo123.we
   2. 重启 ./start

[wangrunxiang]

推荐一个二维码工具 http://cli.im/

[wangrunxiang]

./start 之前要 npm install 安装weex项目的依赖

[wangrunxiang]

如果npm install 有报错可以尝试更换cnpm尝试 rm -rf node_modules npm install -g cnpm cnpm install

[kingofglory]

我在npm install这一步出错，后来改成nmp install webpack就可以了。Use "npm install webpack" instead of "npm install",It will be OK.

[405883074]

不错，支持一下，照着学习，环境部署成功

[hugojing]

这个是否是快速尝试 demo 的方法? 而不是正式项目开发的方法？

[duyuan199010]

@hugojing 同问，下载了25#中的Demo，但是不清楚这个Demo中的.we文件是放在哪里的？怎么去编辑？

[hugojing]

@duyuan199010 一般 .we 文件都在：

----- index.html
----- /src     ->  demo.we
----- package.json

用编辑器打开直接修改就可以。

[winniehajing]

请问./start 是什么命令呢？我添加的we文件要怎么运行呢？

[RockyQu]

这是运行官方Demo的方法？

[RockyQu]

如果新的项目也是要怎么运行吗？