weex-ui使用

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/

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容