ant デザインビューを使用できます。 ant design vue は、Ant Design 設計仕様に従い、Vue を使用して実装された高品質の UI コンポーネント ライブラリであり、エンタープライズ レベルのミッドエンドおよびバックエンド製品の開発と提供に使用されます。
#この記事の動作環境: Windows10 システム、vue 2.9、thinkpad t480 コンピューター。 推奨: "
vue チュートリアル "
Ant Design Vue は、Ant Design 設計仕様に従い、Vue を使用して実装された高品質の UI コンポーネント ライブラリであり、開発に使用されます。エンタープライズレベルのミッドエンドおよびバックエンド製品を提供します。機能
エンタープライズレベルのミッドエンドおよびバックエンド製品のインタラクティブな言語とビジュアルスタイルから抽出されています。 すぐに使える高品質の Vue コンポーネント。 React 設計ツール システムの Ant Design を共有します。サポートされる環境
最新のブラウザおよび IE9 以降 (ポリフィルが必要)。 サーバー側レンダリングをサポートします。インストール
npm または Yarn を使用してインストールします開発には npm または Yarn を使用することをお勧めします。これにより、開発環境でのデバッグが容易になるだけでなく、だけでなく、安全にパッケージ化して実稼働環境にデプロイし、エコシステム全体とツールチェーンによってもたらされる多くのメリットを享受することもできます。$ npm install ant-design-vue --save $ yarn add ant-design-vue
import Vue from 'vue' import { DatePicker } from 'ant-design-vue'; Vue.component(DatePicker.name, DatePicker)
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
// .babelrc or babel-loader option { "plugins": [ ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件 ] }
// babel-plugin-import 会帮助你加载 JS 和 CSS import { DatePicker } from 'ant-design-vue';
import DatePicker from 'ant-design-vue/lib/date-picker'; // 加载 JS import 'ant-design-vue/lib/date-picker/style/css'; // 加载 CSS // import 'ant-design-vue/lib/date-picker/style'; // 加载 LESS
ant-design-vueについて
ご存知のとおり、Ant Designはデザイン言語として立ち上げられ、現在は廃止されています。長年の反復と蓄積を経て、その UI デザインのアイデアは一連の事実上の標準となり、多くのフロントエンド開発者や企業に求められ、愛されています。また、React 開発者にとっては魔法の武器でもあります。 ant-design-vue によって、Vue 開発者が Ant Design の優れたデザインを享受できるようになることを願っています。 ant-design-vue は Ant Design の Vue 実装です。コンポーネントのスタイルは Ant Design と同期されます。コンポーネントの HTML 構造と CSS スタイルも一貫しています。まさに、コンポーネントの変更ゼロを実現します。スタイルを維持し、コンポーネント API も可能な限り維持されます。 Ant Design Vue は、プログラマーに快適な開発エクスペリエンスを提供することに尽力しています。以上がant-design vueは使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。