### [****** ***Weex之带你去蹲坑文章*** ******](https://www.jianshu.com/p/ae1d7a2b0a8a) # 体验 Weex Playground 扫码体验 [Weex Playground下载地址](http://weex.apache.org/cn/playground.html)  ``` 基于Weex开发，适配Android\IOS\Web。 ``` ----- ## 编译运行流程 1、配置好Weex开发环境，可参阅 [【搭建环境】](http://weex.apache.org/cn/guide/set-up-env.html) 2、clone代码，根目录下执行`npm install`安装node_modules(太慢建议科学上网或使用淘宝镜像) >### 3、重点：你需要自己项目src/core/common/目录下 创建一个ignoreConfig.js文件，然后输入你申请的Github client_id 和 client_secret。 export const CLIENT_ID = "xxxx"; export const CLIENT_SECRET = "xxxx"; //如果需要上传七牛 export const ACCESS_KEY = "xxxx"; export const SECRET_KEY = "xxx"; export const QN_HOST = "xxxx"; export const SCOPE = "xxxx";   [ 注册 Github APP 传送门](https://github.com/settings/applications/new)，当然，前提是你现有一个github账号(～￣▽￣)～ 。 # 运行 ## 安装依赖包 ``` $ npm install ``` ## 运行web web工程打包 ``` $ npm run build ``` 构建web工程 & 启动服务运行web（目前未详细适配）。（推荐chrome，调试模式下手机模式） ``` $ npm run dev & npm run serve ``` ## 运行ios ios打包需要开发者帐号，如果不是付费用户就只能通过xcode调试的方式安装在自己的关联手机上（就是手机需要使用此帐号登录）或者虚拟机调试。 以下是无开发者付费帐号的执行方法 安装ios框架 ``` $ weexpack platform add ios ``` 执行打包命令 ``` $ weex build ios ``` 此步骤只为了打包，并不用完全执行，在输入 bundle id 前取消即可。 详介请见[https://segmentfault.com/a/1190000010984857](https://segmentfault.com/a/1190000010984857#articleHeader14) 接下来使用xcode安装调试，步骤参考原生调试。 （使用XCode打开 `platforms/ios/WeexDemo.xcworkspace` 文件，更改General 配置下的 Bundle Identifier 解决冲突。选择自己的Signing Team，run或debug即可） 执行 `weex run android` 运行android。 执行 `weex run ios` 运行ios。 ## 第三方框架 * [vue-router](https://github.com/vuejs/vue-router) * [vuex](https://github.com/vuejs/vuex) * [highlight.js](https://github.com/isagalaev/highlight.js) * [weex-ui](https://github.com/alibaba/weex-ui) * [node-sass](https://github.com/sass/node-sass) * [url-parse url解析](https://github.com/unshiftio/url-parse) ## LICENSE ``` CarGuo/GSYGithubAPPWeex is licensed under the Apache License 2.0 A permissive license whose main conditions require preservation of copyright and license notices. Contributors provide an express grant of patent rights. Licensed works, modifications, and larger works may be distributed under different terms and without source code. ```