iT邦幫忙

nuxt.js相關文章
共有 96 則文章
1 Like 0 留言 2016 瀏覽
鐵人賽 Modern Web DAY 8
RRR撞到不負責之 Laravel + Nuxt.js 踩坑全紀錄 系列 第 8 篇

技術 Day 08. 瘦，是一種生活 - 減脂後的 Controller

在連續兩天的減重之後，今天來看看 controller 瘦身後的結果吧 (聽起來好像賣膏藥的 XD)! 進入正題之前特別說明一下， controller 中的每...

albert41 ‧ 2019-09-09
0 Like 0 留言 2005 瀏覽
鐵人賽 Vue.js DAY 16
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 16 篇

技術 D16：Nuxt 3.x Meta Tags 與 SEO 搜尋引擎優化

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配 Unhead 套件，讓我們可以在專案內動態控制 <head> 標籤...

claire chang ‧ 2023-09-27
0 Like 0 留言 1957 瀏覽

技術 如何將 Google Ad Manager 添加到 Nuxt.js ？

第一，將 Google Ad Manager 腳本添加到 head 標籤，加載GPT腳本： <!-- app.html --> <scrip...

jim55167 ‧ 2022-06-15
1 Like 0 留言 1939 瀏覽

技術 Nuxt3 使用紀錄 - 使用 mkcert 讓本機開發也可以有 https

真的超簡單～ 要有這流程，主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。因為我是用 Mac 電腦，所以使用 Mac 安裝...

Eason Chiu ‧ 2022-12-08
1 Like 0 留言 1936 瀏覽
鐵人賽 Vue.js DAY 4
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 4 篇

技術 D4：Nuxt 3.x ESLint 程式碼規範與自動排版－搭配 TypeScript

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 3 完整支援 TypeScript 開發，TypeScript 相關設定在專案根目錄...

claire chang ‧ 2023-09-15
0 Like 0 留言 1930 瀏覽
鐵人賽 Vue.js DAY 2
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 2 篇

技術 D2：Nuxt 3.x 專案架設

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 版本：v3.7.1 在 Vue 3 出了好一段時間後，Nuxt 3 終於在 202...

claire chang ‧ 2023-09-13
0 Like 0 留言 1930 瀏覽
鐵人賽 Vue.js DAY 15
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 15 篇

技術 D15：Nuxt 3.x Server API 整合 MongoDB 實作，邁向全端第一步

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro，讓我們能輕鬆建立 Server API，並在 Nu...

claire chang ‧ 2023-09-26
0 Like 0 留言 1903 瀏覽
鐵人賽 Vue.js DAY 11
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 11 篇

技術 D11：Nuxt 3.x Middleware 目錄－監聽路由變化

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Middleware 為 Nuxt 內的 路由守衛（Navigation Guards），相當於...

claire chang ‧ 2023-09-22
0 Like 0 留言 1871 瀏覽
鐵人賽 Modern Web DAY 15
RRR撞到不負責之 Laravel + Nuxt.js 踩坑全紀錄 系列 第 15 篇

技術 Day 15. 中場休息 15 分鐘 - Git Submodule

在之前有提到前後端共享驗證規則進行開發，這樣的概念用 Git Submodule 就可以進行。Git Submodule 的概念是將其他 repositorie...

albert41 ‧ 2019-09-16
1 Like 0 留言 1826 瀏覽
鐵人賽 Vue.js DAY 14
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 14 篇

技術 D14：Nuxt 3.x Server 目錄－建立 API

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro，讓我們能輕鬆建立 Server API，並在 Nux...

claire chang ‧ 2023-09-25
0 Like 1 留言 1826 瀏覽
鐵人賽 Vue.js DAY 17
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 17 篇

技術 D17：Nuxt 3.x 自訂 Loading 效果

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供了預設進度條元件 <NuxtLoadingIndicator>，在路...

claire chang ‧ 2023-09-28
1 Like 0 留言 1786 瀏覽

技術 NUXT.js 筆記 - 專案結構

好啦，開啟專案的第一步安裝，按照官方的做法，使用create-nuxt-app來建置新的nuxt專案， 安裝好之後結構因該會是長這樣 assets：用於we...

g0928817707 ‧ 2018-11-21
0 Like 0 留言 1716 瀏覽
鐵人賽 Modern Web DAY 11
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 11 篇

技術 十一號坑，Socket連起來！

安裝socket 先來個socket.io官網 寫了老半天終於要來寫socket了很怕湊不滿30天 先在Terminal安裝套件 npm i socket.io...

挖洗菜呱 ‧ 2019-09-27
0 Like 0 留言 1716 瀏覽
鐵人賽 Vue.js DAY 25
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 25 篇

技術 D25：Nuxt 3.x 套件應用－CKEditor 5 文字編輯器

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 CKEditor 版本：v39.0.0 CKEditor 是一套歷史悠久且功能完整、輕量的富...

claire chang ‧ 2023-10-06
0 Like 0 留言 1705 瀏覽
鐵人賽 Vue.js DAY 20
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 20 篇

技術 D20：Nuxt 3.x 狀態管理 State Management (2)－Pinia

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。昨天介紹了 Nuxt3 useState Composabl...

claire chang ‧ 2023-10-01
1 Like 0 留言 1674 瀏覽

技術 NUXT.js 筆記 - 前言

此文章主要是在記錄自己在開發NUXT.js上遇到的一些問題與試著練習寫一篇"大家看得懂的"技術文， 此次也是小弟我第一次編寫技術文章，所以若...

g0928817707 ‧ 2018-11-20
0 Like 0 留言 1659 瀏覽
鐵人賽 Vue.js DAY 22
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 22 篇

技術 D22：Nuxt 3.x 導入 I18n 實作多國語系

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 @nuxtjs/i18n 版本：v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場，本...

claire chang ‧ 2023-10-03
0 Like 0 留言 1653 瀏覽
鐵人賽 Vue.js DAY 5
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 5 篇

技術 D5：Nuxt 3.x Stylelint SCSS 程式碼檢查與自動排版

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 前一天介紹了 Nuxt3 搭配 ESLint JavaScript 程式碼檢查工具：文章連結，本...

claire chang ‧ 2023-09-16
1 Like 1 留言 1638 瀏覽
鐵人賽 Modern Web DAY 15
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 15 篇

技術 十五號坑，匿名登入的行前說明Socket事件

做匿名登入之前，先來提一下會用到的socket相關 Client端發出 socket.emit('事件名稱', data)，在server端的socket就會相...

挖洗菜呱 ‧ 2019-10-01
0 Like 0 留言 1615 瀏覽
鐵人賽 Vue.js DAY 10
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 10 篇

技術 D10：Nuxt 3.x Plugins 目錄－搭配第三方套件

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Plugins 目錄協助我們在 Nuxt 擴充套件功能。前端開發常會搭配 第三方套件（packag...

claire chang ‧ 2023-09-21
1 Like 0 留言 1538 瀏覽
鐵人賽 Modern Web DAY 12
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 12 篇

技術 十二號坑，將常用功能弄成Nuxt Plugin直接使用

上一篇我們設定好了socket連線，並且在首頁引入socket來收發事件，不過這樣做用了一陣子就會發現一件事情 就是要一直引入socket 就有點麻煩，更何況是...

挖洗菜呱 ‧ 2019-09-28
0 Like 0 留言 1463 瀏覽
鐵人賽 Vue.js DAY 8
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 8 篇

技術 D8：Nuxt 3.x Layouts 目錄－自訂模板

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Layouts 資料夾協助我們定義共用模板，將重複使用的版面提取到模板內全域共用，看起來跟昨天介紹...

claire chang ‧ 2023-09-19
1 Like 2 留言 1438 瀏覽
鐵人賽 Vue.js DAY 30
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 30 篇

技術 D30：Nuxt 3.x 筆記：總結與感想

終於來到最後一天～今天不談技術，決定來分享一下參賽原因與總結這次的系列文內容。 總結 本次系列文概念以從頭到尾實作一個 Nuxt3 專案為主題，每一篇都有範例...

claire chang ‧ 2023-10-11
1 Like 0 留言 1389 瀏覽
鐵人賽 Modern Web DAY 9
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 9 篇

技術 九號坑，偽裝vscode介面建起來-sidebar

今天就先把基本的介面框框弄起來！ 先看結果： 如果問我說，左邊那些icon跟下面的terminal是幹嘛的，我只能告訴你，完全沒用阿哈哈哈哈哈哈目前沒想到可以...

挖洗菜呱 ‧ 2019-09-25
1 Like 0 留言 1337 瀏覽
鐵人賽 Modern Web DAY 30
RRR撞到不負責之 Laravel + Nuxt.js 踩坑全紀錄 系列 第 31 篇

技術 Day NaN. 完賽心得

過去這 30 天算是將小弟近期的學習跟 coding 經驗做個紀錄，很感謝推我入坑的學長兼前輩，對於他每天都幫忙校稿 (我的錯字真是無敵多... 汗顏) 提供意...

albert41 ‧ 2019-10-01
0 Like 0 留言 1326 瀏覽
鐵人賽 Modern Web DAY 7
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 7 篇

技術 七號坑，架起編輯器聊天室的筋骨，關於Nuxt Layout使用

先讓我們來看一下vscode的畫面 畫面架構 主要結構就是橘色的sidebar、綠色的聊天視窗跟紫色的Terminal輸入區。 sidebar會固定在瀏覽器左...

挖洗菜呱 ‧ 2019-09-23
0 Like 0 留言 1284 瀏覽
鐵人賽 Vue.js DAY 9
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 9 篇

技術 D9：Nuxt 3.x Composables vs Utils 目錄－自訂共用方法

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 定義在 composables 以及 utils 資料夾的檔案 Nuxt 都會自動引入（auto-...

claire chang ‧ 2023-09-20
0 Like 0 留言 1279 瀏覽
鐵人賽 Vue.js DAY 7
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 7 篇

技術 D7：Nuxt 3.x Components 目錄－建立共用元件

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Components 目錄用來定義 Vue 共用元件，元件的特性為將部分模板、程式碼進行封裝，讓我...

claire chang ‧ 2023-09-18
0 Like 0 留言 1197 瀏覽
鐵人賽 Vue.js DAY 12
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 12 篇

技術 D12：Nuxt 3.x Assets vs Public 目錄－靜態資源管理

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供兩個資料夾 assets/ 以及 public/，用來管理靜態資源，像是圖片、CS...

claire chang ‧ 2023-09-23
0 Like 0 留言 1163 瀏覽
鐵人賽 Modern Web DAY 20
每日挖個坑，用坑填起耍廢聊天室！ 系列 第 20 篇

技術 二十號坑，設計對話腳本與component

今天要做的對話腳本結果 基本上，即時連線的機制已經做出來了，就算看起來像在亂寫，後面大部分就是在做一些小設計，讓聊天室偽裝的更像vscode 今天我們就來...

挖洗菜呱 ‧ 2019-10-06
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19831 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙