今天就先把基本的介面框框弄起來! 先看結果: 如果問我說,左邊那些icon跟下面的terminal是幹嘛的,我只能告訴你,完全沒用阿哈哈哈哈哈哈目前沒想到可以...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Pages 資料夾用來新增頁面,當我們在 Pages 資料夾建立檔案,Nuxt 會根據資料夾以及檔...
先讓我們來看一下vscode的畫面 畫面架構 主要結構就是橘色的sidebar、綠色的聊天視窗跟紫色的Terminal輸入區。 sidebar會固定在瀏覽器左...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 定義了完整的目錄規則,讓我們可以輕鬆配置功能,專注在開發上 透過 npx nuxi@l...
真的超簡單~ 要有這流程,主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。因為我是用 Mac 電腦,所以使用 Mac 安裝...
過去這 30 天算是將小弟近期的學習跟 coding 經驗做個紀錄,很感謝推我入坑的學長兼前輩,對於他每天都幫忙校稿 (我的錯字真是無敵多... 汗顏) 提供意...
在開始今天的主題之前,先確認一下router有沒有設好,上一篇應該在送出名稱之後就會切換到localhost:3000/chat這個網址~ 再來還要把原本在pa...
先來造個路吧!使用vue-router設定從網址下不一樣的內容走到對應的頁面。 我們先在pages資料夾內新增一個檔案夾叫做chat,並增加一支index.vu...
今天來做右半邊先處理一下layouts > default裡的maincss加上 .main { padding-left: 200px; //...
今天要做的對話腳本結果 基本上,即時連線的機制已經做出來了,就算看起來像在亂寫,後面大部分就是在做一些小設計,讓聊天室偽裝的更像vscode 今天我們就來...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Bootstrap 版本:v5.3.1Sass 版本:v1.63.6 在 Nuxt 專案中,我...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro,讓我們能輕鬆建立 Server API,並在 Nu...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 vee-validate 是使用於 Vue.js 的輕量表單驗證套件(參考 php 框架 lar...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt 版本:v3.7.1 在 Vue 3 出了好一段時間後,Nuxt 3 終於在 202...
login的事件通知 先處理server端的socket 監聽一個login事件 const SocketIO = require('socket.io')...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 前一天介紹了 Nuxt3 搭配 ESLint JavaScript 程式碼檢查工具:文章連結,本...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發完成後,終於到最後一步 「部署」,本篇將說明靜態網站生成(SSG),搭配 GitHub P...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt 3 完整支援 TypeScript 開發,TypeScript 相關設定在專案根目錄...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Plugins 目錄協助我們在 Nuxt 擴充套件功能。前端開發常會搭配 第三方套件(packag...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro,讓我們能輕鬆建立 Server API,並在 Nux...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發完成後,終於到最後一步 「部署」,本篇將說明 Universal 專案部署到 Fireba...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Sitemap 是一種用來提供網站資訊的檔案,記錄網站內的網頁、圖片等,主要功用為協助搜尋引擎快速...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Middleware 為 Nuxt 內的 路由守衛(Navigation Guards),相當於...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 @nuxtjs/i18n 版本:v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場,本...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 提供了預設進度條元件 <NuxtLoadingIndicator>,在路...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 搭配 Unhead 套件,讓我們可以在專案內動態控制 <head> 標籤...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。父子元件間資料傳遞可以使用 Props 和 $emit,或是...
終於來到最後一天~今天不談技術,決定來分享一下參賽原因與總結這次的系列文內容。 總結 本次系列文概念以從頭到尾實作一個 Nuxt3 專案為主題,每一篇都有範例...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 定義在 composables 以及 utils 資料夾的檔案 Nuxt 都會自動引入(auto-...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。昨天介紹了 Nuxt3 useState Composabl...