mac配置Weex环境及HelloWorld

 

mac配置Weex环境及HelloWorld

 

先检查npm, node是否安装。如下图。

 

 

//安装weex稳定版V1.0.5
npm install -g [e-mail]

//查看是否安装成功
weex -v
//选择yes
? May weex-toolkit anonymously report usage statistics to improve the tool over
time? Yes
//选择taobao
? Which npm registry you perfer to use? taobao

//进入自己的文件夹，创建工程test1
weex init test1

//进入刚才创建好的工程
cd test1


//安装项目依赖
npm install
//如果生成了node_modules文件夹，则表示安装依赖成功。

//启动服务
npm run dev

//打开新的终端，并进入刚才创建好的功能
cd /Users/crook/Documents/前端/WeexProject/test1
//
npm run serve

 

 

打开浏览器，输入地址：http://localhost:8080/   ，虽然界面显示了，但是没有看到Hello World。还需要修改一个东西，进入到工程文件夹的node_modules文件夹的dist，如：/Users/crook/Documents/前端/WeexProject/test1/node_modules/weex-vue-render/dis，将dis文件夹里面index.js文件复制到上一级目录，即dis同级目录。

 

 

 

上面修改完成后，在手机上安装一个app，叫weexplayground，打开二维码扫描上面的二维码，手机上自动打开刚才的页面，可以看到Hello World运行成功。