Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
⚠️ Vue CLI is in Maintenance Mode! For new projects, it is now recommended to use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for the latest recommendations. Deployment #General Guidelines #If you are using Vue CLI along with a backend framework that handles static assets as part of its deployment, all you need to do is make sure Vue CLI generates the built fi
概要 Vue CLI のバージョン 3 が出て,PWA とかを簡単に入れられるようになったので試しました GitHub Pages に上げるだけだと ガイドにも書いてある のですが,PWA への対応もしてみました 準備 Vue CLI 3 を入れる 2.x が入っているときは一度アンインストールしてから @vue/cli をインストール 詳しくは Vue CLI のガイド を参照 書いた時点での Vue CLI のバージョンは 3.0.1 です プロジェクトを作る $ vue create pwa-sample を実行(pwa-sample は任意のプロジェクト名) Please pick a preset と表示されるので,Manually select features を選択 下のような画面になるので, PWA を選択しておく(スペースで切替) 4. 後は好きな設定でプロジェクトを作
概要 エントリーポイントを分けることで、コードの見通しは良くなり、余分なコードのダウンロードを避けることができます。 今回、vue-cli 3.0 で立ち上げた趣味アプリに複数のエントリーポイントを用意したのですが、 思いの外苦戦したので設定方法を共有したいと思います。 設定方法 vue-cli の2系までは webpack.config に entry を記述することで、複数のエントリーポイントに対応する事ができました。1 しかし、vue-cli 3.0でセットアップしたプロジェクトには webpack.config が生成されません。 その代わりに vue.config.jsに vue-cli の設定を記述することができます。2 この中で pages オブジェクトとして、複数のエントリーポイントを定義することができます。 この状態を multi-page mode と呼びます。 vue
Nuxt.jsが実際のプロダクトで導入されるケースが増えて来ている為、ElementUIと合わせて触ってみました。また、vue-cliのv3betaが試せるタイミングでしたので、合わせて触ってみました。 TL;DR Nuxt.js + ElementUIのサンプル作成 vue-cliのv3(現時点では3.0.0-beta.6)でのvue init vue addでのelement-uiライブラリ導入 Github:https://github.com/locol23/learn-nuxt-elementui 後述のnowでデプロイしたデモサイト:https://learn-nuxt-elementui-gacofatvgh.now.sh コンテナ停止中の場合は、ページが表示されない為、リロードをお願いします。 対象読者 Nuxt.jsが気になっているが、まだ触っていない ElementUI
はじめに 最近Vue.jsを利用してwebアプリケーションを作成しているのですが、vue-cliというプロジェクト作成ツールがあったので今回それを利用して実際にリリースするまでやってみたので書いていきたいと思います。 今回リリースはherokuなどいろいろ考えたのですが、GitHubPagesを利用しました。 リリースしたサイト ※サイトの品質、ソースコードの品質はまだまだなのでそこには触れません Netlifyでもリリースしました! vue-cliでwebアプリケーションを作って、Netlifyを使って無料で爆速でリリースした話 GitHubPages GitHubPages GitHubのリポジトリにpushするだけで、簡単にwebページを公開できるサービスです。 リポジトリ毎に公開できたり、アカウントに対して公開できたりします。 例えば下記ページは自分のvue.jsのリポジトリをGi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く