关于weex的环境搭建过程

参考:weex官网weex环境搭建WEEX快速入门

关于初始化的命令网上一搜就有一大堆,这里摆出来不再赘述

1.安装 weex-toolkit(打开cmd)

sudo npm install-g weex-toolkit
npm install-g weex-toolkit

这2个命令实现的功能是一样的,sudo是在没有权限的时候获取权限用的,我使用第二条命令安装,不需要输入密码(使用sudo才需要密码)

2.检查版本weex --version

终端输出 info 0.5.9表示创建成功

3.关于weex的命令请参考上面3个链接

weex init用来新建一个项目

一路回车就行,终端出现下图

新建weex项目终端输出图

打开文件夹,目录如下,主文件在src/main.we中


项目结构图


4.安装package.json依赖,运行 npm i

long long time...(ps: 听说淘宝的cnpm镜像比较快,可能是我打开方式不对,试了一次还是回归npm了)

5.启动项目: 运行npm run dev


启动服务之后npm打包文件的过程

兴高采烈的输入http://localhost:8080/(为何是这个网址?在package.json的server命令里定义的,README.md也有提及),却发现


这个时候第三篇外链给了我灵感

第三篇启动项目的时候是直接创建了一个list.we文件,然后打开终端cd list.vue,直接运行weex list.we,我试着

cd src

weex main.we


结束

番外: 一次只能启一个项目

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性...
    晴天咚咚阅读 2,918评论 1 15
  • 现在出现了越来越多的开源的项目供我们使用,对于使用mac和linux的同学来说用起来简直就是一种开心的不要要的事情...
    大司命阅读 2,198评论 3 4
  • 这是weex刚开始内测那几天写的,写完之后放在一边就忘记了,今天突然看到就把它放到了网上,希望对大家有点儿用处...
    蓝心儿的蓝色之旅阅读 31,610评论 14 16
  • 前言 之前的几个月里,已经狠狠地体验了一把React-Native,享受着React-Native带来的快捷,也承...
    Daniel_颜世玉阅读 977评论 5 8
  • 去爱吧,直至成伤! 伤了,痛了,灵魂才得意成长,才更容易懂得如何去爱。 痛真的是最好的礼物,因为透过伤痛我才能看清...
    玄月之佑阅读 726评论 0 2