美文网首页
weex 环境搭建一 weex-toolkit

weex 环境搭建一 weex-toolkit

作者: 谷歌哥哥 | 来源:发表于2017-02-27 14:24 被阅读109次

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

weex官网文档:http://weex.apache.org/cn/

vuejs官网文档:https://cn.vuejs.org/

weex-toolkit:https://github.com/weexteam/weex-toolkit

nodejs安装

windows用户直接在nodejs官网下载安装包即可。lunix用户的话可以下载源码包自行编译安装,或者使用系统的apt-get活着yum进行安装。mac用户的话,推荐使用homebrew进行安装。安装完成后查看版本命令

node   -v

weex-toolkit安装

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

npm install -g weex-toolkit

快速构建

直接使用weex初始化项目

#初始化 Weex 项目

weex init  weexproject

#进入到项目所在目录

cd  weexproject

#安装项目依赖

npm install

注: 命令行运行 npm config set loglevel=http 再运行 npm install 显示安装进度

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

build: 源码打包,生成 JS Bundle

dev: webpack watch 模式,方便开发

serve: 开启静态服务器

debug: 调试模式

npm run build: 编译项目。

npm run serve: 会监听本地 8080 端口,打开http://localhost:8080可以在浏览器中预览页面。

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

weex src/xx.vue 实时预览

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

相关文章

  • 关于weex环境搭建坑,对应方案

    记录如何用weex-toolkit搭建weexDemo环境 weex create myWeex weex pla...

  • WEEX快速创建工程 Hello World

    1.按照weex官网搭建环境,安装依赖(安装node 和 npm,weex-toolkit,安装完后可以weex ...

  • Weex开发环境搭建

    开发环境搭建 第一步:安装依赖 首先,你需要 Node.js 和 weex-toolkit。weex-toolki...

  • weex 环境搭建一 weex-toolkit

    weex开发, 安装nodejs 、weex-toolkit 、weex-pack weex官网文档:http:/...

  • weex起航

    一、搭建开发环境Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先,你需要 Nod...

  • weex构建app 01

    —框架搭建 根据官方文档安装weex-toolkit,直接npm,或者安装淘宝镜像 cnpm weex creat...

  • weex

    运行npm install -g weex-toolkit安装Weex 官方提供的 weex-toolkit 脚手...

  • Weex项目构建流程

    Weex-Toolkit Weex-Toolkit 主要用于快速构建 weex 的项目并且开发和调试。 Weex...

  • Weex入门(2)安装

    搭建开发环境 你的电脑需要安装依赖Node.js和weex-toolkit node.js 最快捷方法,直接进入官...

  • weex+express+gulp开发文件搭建

    开发环境搭建 快速入门 下载weex-toolkit 编写一个简单的we文件如: 在浏览器中调试查看使用命令 在手...

网友评论

      本文标题:weex 环境搭建一 weex-toolkit

      本文链接:https://www.haomeiwen.com/subject/uumwwttx.html