Weex学习之路(一)

写在前面:本文建立在读者已安装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项目的搭建

猜你喜欢

转载自blog.csdn.net/m0_37782372/article/details/83618029