您的当前位置:首页正文

weex 项目构建

来源:花图问答
weex项目构建

前言

搭建weex项目

安装依赖

  1. 安装 node.js

对于 Mac,则推荐使用 Homebrew 进行安装:

brew install node

安装完成后,使用以下命令检测是否安装成功:

$ node -v
v7.4.0
$ npm -v
4.0.5
  1. 安装 weex-toolkit
$ npm install -g weex-toolkit@beta
$ npm install -g cnpm
$ cnpm install -g weex-toolkit@beta

使用weex-toolkit构建项目

  1. 项目初始化
mkdir weex-one
cd weex-one
weex init weex-one

执行指令后,会看到如下log

prompt: Project Name:  (weex-one)
file: .gitignore created.
file: README.md created.
file: index.html created.
file: package.json created.
file: src/weex-bootstrap.we created.
file: webpack.config.js created.
  1. 安装npm依赖
// 安装依赖包,安装成功后,会增加一个node_modules包
npm install
  1. 启动serve:

看一下package.json下的指令:

"build": "webpack",// build 配置 
"dev": "webpack --watch",// webpack 监听,可以自动监听修改
"serve": "serve -p 8080",// 启动服务
"test": "echo \"Error: no test specified\" && exit 1"

启动:

npm run serve
npm run dev
运行效果

QQ技术交流群 :
327169027(weex交流群3)