Weex 学习(一)- 搭建项目
从今天开始学习 Weex 的技术。记录其中过程遇到的问题。好了,开始挖坑之路!
一、
首先根据 Weex官方文档 开始!
根据以下命令全局安装一个Weex控制台:weex-toolkit(可以理解为 Vue 的 vue-cli 一样的东西):
npm install weex-toolkit -g
注意:这里虽然可以使用:
cnpm install weex-toolkit -g
命令成功安装weex-toolkit,但是在后面安装依赖的时候会莫名其妙的出现错误,所以建议使用 npm 安装!
可以参考这里:https://segmentfault.com/q/1010000011187855
最后可以运行: weex -v
命令查看 weex-tooklkit 的版本号,以确定工作台是否正确安装。
二
以上步骤完成以后,说明控制台已近安装好了,就可以开始创建我们的第一个项目了。运行以下命令创建我们的第一个项目:
weex create first-weex-app-name
说明:在执行这个命令以后,需要填写一些信息,其实就是项目的名称、描述、创建默认类型和是否使用ESlint检查工具,等等。其实这一步和普通的vue项目创建没有太多区别。
三
如果你使用的是npm 创建的项目,基本不会有太多问题。有的话,应该就是自己的环境,可能node、npm或者weex-toolkit的版本比较低,然后删除重新安装新版本就好。
然后继续根据工作台的命令的提示,运行:npm start
等一会,就如下图展示,能在浏览器里面看到项目已经跑起来了。然后为了以后的调试方便,一下个扫码的工具:Weex Playground App
哈哈,到此项目就算是搭建起来了,入坑好运!
版本记录:
2018/09/27 21:12 发布