結構悩みましたが擦りに擦られているネタだと解決後に判明しましたw vue3プロジェクトを作成してそのままbuildするとdistに成果物が発生しますが、それって… サブディレクトリでは動かないのですよ！ その対策を考えたいともいます Vue3プロジェクトの作成 vue3プロジェクトの作成はコマンド一発で作成されます $ npm init vue@latest Vue.js - The Progressive JavaScript Framework - Project name: … vue-sample - Add TypeScript? … No / Yes - Add JSX Support? … No / Yes - Add Vue Router for Single Page Application development? … No / Yes - Add Pinia for
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く