https://github.com/yangjiakai/vuetify3-screenstyler
ScreenStyler Created By Vuetify3
https://github.com/yangjiakai/vuetify3-screenstyler
sass vue3-typescript vuetify3
Last synced: about 1 year ago
JSON representation
ScreenStyler Created By Vuetify3
- Host: GitHub
- URL: https://github.com/yangjiakai/vuetify3-screenstyler
- Owner: yangjiakai
- Created: 2023-02-14T16:30:33.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-07-24T06:46:15.000Z (almost 2 years ago)
- Last Synced: 2025-04-05T07:33:07.507Z (about 1 year ago)
- Topics: sass, vue3-typescript, vuetify3
- Language: Vue
- Homepage: https://styler.vuetify3.com/
- Size: 8.5 MB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.jp.md
Awesome Lists containing this project
README
ライブ・デモ
## 序文
このツールは Windows の Screen Styler を模倣して作られたものであり、ブラウザのコンテキストでの適用は不確かです。美的な目的のための超カスタマイズツールとして使用できます。
## Preview
## 特徴
- ⚡️ [Vue 3](https://github.com/vuejs/core)
- ⚡️ [Vite](https://github.com/vitejs/vite)
- ⚡️ UI Framework [Vuetify 3](https://next.vuetifyjs.com/en/)
- ⚡️ TypeScript
- 📦 コンポーネント 自動的にインポート
- 🍍 [Pinia](https://pinia.vuejs.org/)で State 管理
- 🍍 pinia-plugin-persist State の永続性
- ⚡️ 新しい `` 文法の使用
- ⚡️ 任意のアイコンセット [Iconify](https://icon-sets.iconify.design/)
- ⚡️ Netlify でのゼロ設定部署
- ⚡️ 18n 多言語切り替え
- ⚡️ dark light モード切り替え
- ⚡️ 主題色切り替え
- ⚡️ vue3-perfect-scrollbar スクロールバーの美化
- ☁️ レスポンシブで多プラットフォームに適応
<br>
## 今すぐ試す!
```
git clone https://github.com/yangjiakai/vuetify3-screenStyler.git
cd vuetify3-screenStyler
npm install
npm run dev
```
## api 请求
> API リクエストに関して、私の示例では Unsplash の API を使用しました。
>
> 自分自身の`ACCESS_KEY`を申請するために、Unsplash 開発者プラットフォームに行く必要があります。
>
> https://unsplash.com/oauth/applications
>
> 次に、ローカルに新しい`.env.local` ファイルを作成します
>
> `VITE_UNSPLASH_ACCESS_KEY = 自分のAccess Key`を追加します。