weex的环境搭建之创建并初始化一个项目以及调试省略省略省略

为什么先写创建与初始化一个最基本的项目呢，因为怕自己忘了，所以赶紧写下来赶紧与大家分享一下也算是，之后在整理一份专门搭建环境与配置的，好的看下面（假设你环境已经搭建好了）

一、 此文件夹也就是你所有项目文件所在地也，然后cd 到此项目此项目中，MAC可以直接拖进来，然后状态入下：

图片.png
二、 进入到项目目录后，用：$ weex init 命令初始化该项目，会下载些目录基本构建文件之类的，完成后可以去打开项目文件夹看看，如下： 图片.png

三、 使用 $ npm install 命令安装依赖，如下图：

图片.png

四、 $ npm run dev 跟$ npm run serve ,前者命令是开启webpack watch模式，方便开发，后者开启静态服务器，如下图：

图片.png 图片.png

至此我们的项目就算基本初始化完成了，而且默认就会有一个hello weex的例子，只需打开谷歌浏览器（最好是它调试方便）输入：http://localhost:8080/ 就显示项目啦，还可以打开谷歌调试工具（command +option+i快捷键）功能很多，可以自己了解了解，如下图：

图片.png

五、还有一种运行项目的方法，用Playground app（weex提供的手机端下载安装到手机上就行），然后用进入到项目目录下的src目录，这里有一个.we文件，用--qr 命令生成一个二维码，扫描就行，需要注意的是该命令也是需要常开的，不要关闭，否则将不出东西，而且电脑的网跟手机的网一定要在同一个局域网内，否则也是没东西，该.we文件，就是我们的第一个项目页面描述文件，你可以用atom、sublime等打开，修改玩玩，保存后手机端会自动刷新效果（有延迟），电脑端需要手动刷新查看效果。具体如下图：

图片.png

今天就到这里吧，欢迎大家给我指出错误，或者有更好的方法提供给我互相交流，共同学习进步，大家共同努力吧。