MBP(はてな)

MacBook Pro,iPhone Xs,React

VercelでVue 3 + Viteのアプリを作成


Vercelにログインして、
Vue 3 + Viteのアプリを作成。
GitHubリポジトリを作成し、アプリが作成できる

アプリ
https://vercel-vite-vue-silk.vercel.app

GitHub - hiroyuki12/vercel-vite-vue

$ git clone https://github.com/hiroyuki12/vercel-vite-vue
$ cd vercel-vite-vue
$ npm install
$ npm run dev ($ npm installしないとエラー)
ソースを変更して保存すると、画面も更新される
ソース src/components/HelloWorld.vue

GitHubに$ git pushすると、アプリも更新される

$ npm run dev したら自動でブラウザを開くように設定ファイルを変更
Vite で最速 React & TypeScript

Overview – Vercel

VueでQiitaAPIを使って記事情報を取得して表示 - MBP(はてな)


style
【Vue3.2】styleタグ内でJavaScript変数をバインドできる


静的サイトのデプロイ | Vite


PWA
publicフォルダにmanifest.jsonpngを追加して、index.htmlにlink relを追加。
Vite (React, TypeScript)プロジェクトをPWA化 | 定年後にWeb開発者目指す

Next.js環境でのPWA(Progressive Web App)の導入手順

Vite で最速 React & TypeScript

Vue.jsで作ったゲームをインストール可能(PWA)にしてGitHub Pagesで公開してみた | DevelopersIO


@click で実行するメソッドに引数を渡す


days ago
$ npm install dayjs
Day.js で「〇〇分前」のような相対日時を扱う
Time from now · Day.js