# インストール
## 環境対応
- モダンブラウザ
|  |  |  |  |
| ---------------------------------------------------------------------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ |
| Edge | last 2 versions | last 2 versions | last 2 versions |
> IE11 は Vue3 でサポートされていないため、ElementPlus も IE11 以前のバージョンをサポートしていません。
## 現在のバージョン
ElementPlus は現在、急速に開発が進められています。
[](https://www.npmjs.org/package/element-plus)
## npm または yarn によるインストール
**パッケージマネージャー方式でのインストールを推奨します**。
[vite](https://vitejs.dev)、[webpack](https://webpack.js.org/)との相性が良いパッケージマネージャー方式でのインストールをお勧めします。
パッケージングツールです。
```shell
$ npm install element-plus --save
```
```shell
$ yarn add element-plus
```
ネットワーク環境が悪い場合は、ミラーリポジトリの利用をお勧めします
## ダイレクトブラウザ導入
ElementPlus は、ブラウザの HTML タグによって直接導入され、`ElementPlus`はグローバルに使用することができます。
**CDN**による`ElementPlus`の本格的な導入は、**CDN**の提供者によって異なりますが、ここでは[unpkg](https://unpkg.com)と[jsdelivr](https://jsdelivr.com)を例に挙げます。
また、他の**CDN**プロバイダーを利用することもできます。
## unpkg の使用
```html
```
## jsDelivr の使用
```html
```
:::tip
**CDN**を使用して`ElementPlus`を導入したユーザーは、今後の`ElementPlus`のアップグレードが互換性のないアップデートの影響を受けないように、リンク先のアドレスでバージョンをロックすることを推奨します。
バージョンをロックするには、以下を参照してください。
[unpkg.com](https://unpkg.com)。
:::
## Hello world
CDN\*\*のアプローチでは、`ElementPlus`を使って Hello world ページを簡単に書くことができます。[オンラインデモ](https://codepen.io/iamkun/pen/YzWMaVr)
npm / yarn 経由でインストールし、パッケージングツールで使用したい場合は、次のセクションをお読みください：【クイックスタート】。(/#/jp/component/quickstart)。