写在前面:本文建立在读者已安装node.js环境,并掌握vue.js的基础上。
1.搭建开发环境
1.1安装依赖
全局安装weex-toolkit,类似于vue.js的vue-cli脚手架工具
npm install -g weex-toolkit
若提示没有权限,需在命令前添加sudo命令,获取管理员权限
sudo npm install -g weex-toolit
若安装失败可使用npm的淘宝源进行安装(不建议使用cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装成功后使用以下命令查看weex版本
weex -v
1.2初始化项目
在自己常用的工作空间初始化项目
weex create weex-learning
一路回车(默认选择为常用配置)
初始化完成后会自动执行以安装依赖
npm install
1.3 启动项目
安装完成依赖后,使用以下命令启动项目
npm run dev // 开启观察模式
npm run serve // 开启静态服务器
以上两个命令需要在两个终端窗口启动,启动成功后浏览器会自动打开一个页面
至此就完成了一个weex项目的搭建