Vue.js製のオープンソース管理画面テンプレート「Vuestic Admin 2.0」

2019/08/07 12:16

「Vuestic Admin 2.0」は、Vue.jsで作られたオープンソースの管理画面テンプレートです。Bootstrapに依存しない高品質のコンポーネントで、今までに比べて自由に作り込みができそうです。

◆ Vuestic Admin 2.0
https://vuestic.epicmax.co/admin/dashboard

紹介

非常に美しいUIで設計されています。

導入

Node.js (>=8.9)
npm version 3+ (or yarn version 1.16+) and Git.

こちらが必要なバージョン要件。今回はyarnで導入してみます。

$ git clone https://github.com/epicmaxco/vuestic-admin.git anypicksmng

Cloning into 'anypicksmng'...
remote: Enumerating objects: 132, done.
remote: Counting objects: 100% (132/132), done.
remote: Compressing objects: 100% (101/101), done.
remote: Total 15983 (delta 62), reused 83 (delta 20), pack-reused 15851
Receiving objects: 100% (15983/15983), 5.91 MiB | 3.19 MiB/s, done.
Resolving deltas: 100% (10399/10399), done.

まずはインストールを実行

$ cd anypicksmng/

続いて作成されたプロジェクトに移動します。

$ yarn install

yarn install v1.17.3
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
[4/5] 🔗  Linking dependencies...
~~~
[5/5] 🔨  Building fresh packages...
✨  Done in 20.96s.

パッケージをインストールが出来たら

$ yarn build

アプリケーションを起動します。

localhost:8080にアクセスすると、管理画面が起動します。
非常に美しい管理画面が手軽に構築できるので、ぜひ試してみてください!

◆ Vuestic Admin 2.0
https://vuestic.epicmax.co/admin/dashboard

新着ピック  






















新着ニュース

初心者向けチュートリアル『例 1: バケット所有者がユーザーにバケットのアクセス許可を付与』をやってみた | DevelopersIO

アップルのLightningと一般的なUSB-Cの両方で使えるセキュリティキーをYubicoが発売 | TechCrunch Japan

Microsoftが開発中のChromiumベースの新しいEdgeブラウザがベータ版に | TechCrunch Japan

大学スポーツ協会、KDDIらと5GやIoTを活用した選手育成やファン拡大

LINE「OpenChat」、違反行為の取り締まり強化 ユーザーには「通報」呼び掛け

iOS 13のプライバシー強化が競争を阻害するとアップルを非難するデベロッパー | TechCrunch Japan

AWS運用かんたん自動化ツール「opswitch」(オプスウィッチ)を使ってみよう! | DevelopersIO

今まで誰もやってなかった自律運転車から車酔いを追放するための研究 | TechCrunch Japan

AI利用のハードルを下げるH2O.aiがゴールドマンサックスのリードで約77億円調達 | TechCrunch Japan

仮想通貨でEdyやnanacoに入金--ディーカレット、「電子マネーチャージ」を提供開始

MITは色々なデバイスに同時に高品質のビデオストリームを配信する方法を開発 | TechCrunch Japan

グーグルの軽量版アプリGoogle Goが全世界で使えるように | TechCrunch Japan

【DataPipelineを触ってみる】DynamoDBからS3へのエクスポートをやってみた | DevelopersIO

デュアル画面のモンスターノート「ASUS ZenBook Pro Duo」が日本上陸--「Zenfone 6」も

[小ネタ] Gitのエイリアス設定を晒してみる(19個) | DevelopersIO

設定なしでデプロイできるZeit Now | DevelopersIO

園児のお昼寝をセンサーで見守り、体調の変化をAIでチェック 埼玉の保育園で実験

ダイソン、日本の住環境を考えたコードレスクリーナーを発売

ドコモ、KDDI、ソフトバンクが取扱再開--ファーウェイ「P30シリーズ」を写真で見る

窓の代わりにディスプレイ ソニーのクルマ、実用化へ ヤマハ発と共同開発

もっと見る
記事をPICKする
ログイン
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。