关于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

结束

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