大家好，今天由我来为大家分享今日头条前端框架，以及今日头条前端框架的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，接下来我们开始吧！
官网地址：
github：
提供了React、Vue版本，考虑的很周到啊。小伙伴们可以根据自己的喜好选择不同的版本。
最近又开源了Acro Design Mobile ，专门用于移动端开发，历时两年多的打磨，虽迟但到，可喜可贺。
移动端框架
一、Acro Design
1、React版本
//同时安装 react >= 16.8 和 react-dom >= 16.8// npmnpm i @arco-design/web-react// yarnyarn add @arco-design/web-react
import React from "react";import ReactDOM from "react-dom";import { Button } from "@arco-design/web-react";import "@arco-design/web-react/dist/css/arco.css";//以Button为例ReactDOM.render( , document.querySelector("#root"));
官方也提供了CDN使用：
开发环境：生产环境：
2、Vue版本
//vue >= 3.2.0//npmnpm install --save-dev @arco-design/web-vue//yarnyarn add --dev @arco-design/web-vue
全部引入
import { createApp } from 'vue'import ArcoVue from '@arco-design/web-vue';import App from './App.vue';import '@arco-design/web-vue/dist/arco.css';const app = createApp(App);app.use(ArcoVue);app.mount('#app');
可以使用 unplugin-vue-components 、unplugin-auto-import 插件按需加载及自动导入。
3、Mobile
npm install @arco-design/mobile-react -S//依赖"peerDependencies": { "react": ">=16.9.0", "react-dom": ">=16.9.0", "react-transition-group": ">=4.3.0"}//自适应import setRootPixel from '@arco-design/mobile-react/tools/flexible';setRootPixel();页面展示
移动端组件
字节出品，必属精品！
好了，今天就介绍这么多了，喜欢Arco Design风格的可以在项目中使用了。说实话跟Ant Design差不多[捂脸]
相关信息就介绍到这里，今日头条前端框架的问题希望对你有所帮助。
