首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

weex 环境搭建一 weex-toolkit

2024-12-15 来源:花图问答

weex开发, 安装nodejs 、weex-toolkit 、weex-pack

nodejs安装

node   -v

weex-toolkit安装

weex-toolkit是weex为开发者提供的一个开发脚手架 安装最新版本 因为新版本才开始支持vue,原来的话是不支持的 如果你在之前安装过weex-toolkit,想要升级到最新版本的话。直接使用安装命令即可,会帮你安装最新的。

npm install -g weex-toolkit

快速构建

直接使用weex初始化项目

#初始化 Weex 项目

weex init  weexproject

#进入到项目所在目录

cd  weexproject

#安装项目依赖

npm install

在package.json中,已经配置好了几个常用的 npm script,分别是:

build: 源码打包,生成 JS Bundle

dev: webpack watch 模式,方便开发

serve: 开启静态服务器

debug: 调试模式

npm run build: 编译项目。

npm run dev: 监听 src 目录中的文件变化,并自动编译”

weex src/xx.vue 实时预览

weex compile src/xx.vue dist  可以使用weex compile通过命令行工具进行单个文件或者整个项目的打包

显示全文