weex-ui使用
2018-02-08 本文已影响294人
_安迪_
https://github.com/alibaba/weex-ui
安装前建议你的node版本是 >= 8.0, 推荐使用 n 来进行版本管理,同时建议 npm 版本 >= 5
node -v
v8.2.1
npm --version
5.3.0
确保weex-toolkit为新版本
npm install -g weex-toolkit@latest
创建项目
weex create your_project
cd到your_project的根目录,安装weex-ui
npm i weex-ui@latest -S
同样,在项目根目录下,安装babel-preset-stage-0 和 babel-plugin-component 插件,前者用于babel编译,后者用于优化 weex-ui 包的组件引用
npm i babel-plugin-component babel-preset-stage-0 -D
修改项目下的.babelrc文件如下
{
"presets": ["es2015", "stage-0"],
"plugins": [
[
"component",
{
"libraryName": "weex-ui",
"libDir": "packages",
"style": false
}
]
]
}
OK,可以开始使用weex-ui了,使用方法参考https://alibaba.github.io/weex-ui/#/cn/