mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-14 09:20:51 +08:00

* style: use prettier

* style: just prettier format, no code changes

* style: eslint fix
object-shorthand, prefer-const

* style: fix no-void

* style: no-console

2021-09-04 19:29:28 +08:00

4.3 KiB

Raw Blame History

インストール

環境対応

モダンブラウザ


Edge	last 2 versions	last 2 versions	last 2 versions

IE11 は Vue3 でサポートされていないため、ElementPlus も IE11 以前のバージョンをサポートしていません。

現在のバージョン

ElementPlus は現在、急速に開発が進められています。

npm または yarn によるインストール

パッケージマネージャー方式でのインストールを推奨します。 vite、webpackとの相性が良いパッケージマネージャー方式でのインストールをお勧めします。パッケージングツールです。

$ npm install element-plus --save

$ yarn add element-plus

ネットワーク環境が悪い場合は、ミラーリポジトリの利用をお勧めします

ダイレクトブラウザ導入

ElementPlus は、ブラウザの HTML タグによって直接導入され、ElementPlusはグローバルに使用することができます。

CDNによるElementPlusの本格的な導入は、CDNの提供者によって異なりますが、ここではunpkgとjsdelivrを例に挙げます。また、他のCDNプロバイダーを利用することもできます。

unpkg の使用

<head>
  <!-- スタイルの紹介 -->
  <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
  <!-- Vueの紹介 -->
  <script src="//unpkg.com/vue@next"></script>
  <!-- ElementPlusの紹介 -->
  <script src="//unpkg.com/element-plus"></script>
</head>

jsDelivr の使用

<head>
  <!-- スタイルの紹介 -->
  <link
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css"
  />
  <!-- Vueの紹介 -->
  <script src="//cdn.jsdelivr.net/npm/vue@next"></script>
  <!-- ElementPlusの紹介 -->
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
</head>

:::tip CDNを使用してElementPlusを導入したユーザーは、今後のElementPlusのアップグレードが互換性のないアップデートの影響を受けないように、リンク先のアドレスでバージョンをロックすることを推奨します。バージョンをロックするには、以下を参照してください。 unpkg.com。 :::

Hello world

CDN**のアプローチでは、ElementPlusを使って Hello world ページを簡単に書くことができます。オンラインデモ

npm / yarn 経由でインストールし、パッケージングツールで使用したい場合は、次のセクションをお読みください：【クイックスタート】。(/#/jp/component/quickstart)。

4.3 KiB Raw Blame History