weex项目构建
前言
引用一些weex官网上的介绍，weex是一套构建高性能、可扩展的原声应用跨平台开发方案，关于weex与rn的诸多对比，草民就不在多牢骚了，在此只强调一点，rn强调的是learn once write everywhere，而weex强调的则是write onec run everywhere，很明显看出Facebook更加注重的是以技术手段来解决问题，但是别忘了技术是服务于业务的，如果说 vue 是把高大上的东西做的容易近人，那么我想说的是weex把容易近人的东西做的更加高大上，可以说weex 与 vue 是一次近乎完美的融合~
搭建weex项目
安装依赖
- 安装 node.js
安装 Node.js 方式多种多样，最简单的方式是在 Node.js官网 下载安装即可
对于 Mac，则推荐使用 Homebrew 进行安装：
brew install node
安装完成后，使用以下命令检测是否安装成功：
$ node -v
v7.4.0
$ npm -v
4.0.5
- 安装 weex-toolkit
$ npm install -g weex-toolkit@beta
国内开发者可以考虑使用淘宝的 npm 镜像 —— cnpm 安装 weex-toolkit
$ npm install -g cnpm
$ cnpm install -g weex-toolkit@beta
使用weex-toolkit构建项目
- 项目初始化
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.
- 安装npm依赖
// 安装依赖包，安装成功后，会增加一个node_modules包
npm install
- 启动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
我们尝试下打开localhost:8080看下效果吧~
运行效果
QQ技术交流群 ：
327169027（weex交流群3）
网友评论
[9/10] weex-builder@^0.2.3 installed at node_modules\_weex-builder@0.2.6@weex-bu
ilder
[rx@4.1.0] download ShasumNotMatchError: real sha1:045c8dc3fead00c6dfedfdb8bf8f7
e0f4b69b153 not equal to remote:a5f13ff79ef3b740fe30aa803fb09f98805d4782 (rx@4.1
.0), fail count: 3
Install fail! ShasumNotMatchError: real sha1:045c8dc3fead00c6dfedfdb8bf8f7e0f4b6
9b153 not equal to remote:a5f13ff79ef3b740fe30aa803fb09f98805d4782 (rx@4.1.0)
ShasumNotMatchError: real sha1:045c8dc3fead00c6dfedfdb8bf8f7e0f4b69b153 not equa
l to remote:a5f13ff79ef3b740fe30aa803fb09f98805d4782 (rx@4.1.0)
at IncomingMessage.readstream.on (C:\Users\Administrator\AppData\Roaming\npm
\node_modules\cnpm\node_modules\npminstall\lib\download\npm.js:453:21)
at emitNone (events.js:91:20)
at IncomingMessage.emit (events.js:185:7)
at endReadableNT (_stream_readable.js:974:12)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickCallback (internal/process/next_tick.js:98:9)
npminstall version: 2.30.0
npminstall args: D:\Program Files\nodejs\node.exe C:\Users\Administrator\AppData
\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --china --
userconfig=C:\Users\Administrator\.cnpmrc --disturl=https://npm.taobao.org/mirro
rs/node --registry=https://registry.npm.taobao.org -g weex-toolkit