技術 【Day12】Vue CLI v.s Vite 超級比一比

在我們剛開始踏入Vue的世界是透過Node.js來安裝最新版本的Vue專案，其底層建構器就是Vite負責。但網路很多資源都還是應用Vue CLI寫出來的範本，究...

技術 在 Vue 中使用 Swiper Element (WebComponent)

知道這個套件一陣子了，但有一天要使用他的時候被官方文件寫的這段話嚇到。 Swiper Vue components will likely to be rem...

技術 真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite

剛開始學 Vue，最困擾的就是該怎麼建立開發的環境。 誰適合看這篇： 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...

技術 Day 02：Vue 個專案先

本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境，使用者只需透過簡易設定選擇組隊工具，之後再輸入指令便能操作基本的運行功能；如此主...

技術 [Vue] 查詢系統(下)-w3HexSchool 鼠年全馬鐵人挑戰

因為上周在撰寫上篇時，沒什麼靈感，但又想趕快出文章所以就打的很鬆散XDD這周我也稍稍更新上周的文章有較詳細的註解在code中尚未看上篇的人請到下方連結查詢系統(...

技術 [Vue] 查詢系統(上)-w3HexSchool 鼠年全馬鐵人挑戰

透過六角學院的全馬鐵人的api，就做了一個簡單的查詢系統 點我看Demo 抱歉無法一直把heroku保持開啟，畢竟只有550小時的限制 只要超過30分鐘沒人進...

技術 Mkcert - 本地端使用 https（Live Server & Vue CLI & Nuxt.js）

最近許多的網站都開始強制使用 https，像前陣子碰到的 Facebook JavaScript SDK 也是如此，導致本地端測試很痛苦啊啊啊！爬文後發現有 m...

技術 [ Vue-cli ] Router

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

技術 [ Vue-cli ] What is Vuex? Why do we need Vuex?

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

技術 [Day02] 使用Vue Cli工具建立前端專案

本篇的內容包含 如何安裝Node.js 如何安裝Visual Studio Code 如何透過npm安裝Vue Cli 如何透過Vue Cli設定，產出專案框...

技術 <學習筆記>如何在 vue-cli 中使用 audio(src="")

新增 vue.config.js module.exports = { chainWebpack: config =&gt; { config...

技術 餐具擺盤 - 特製雕花 Vue-cli 3.0 與 Node.js 開發環境

技術 Day05 - 建立環境與新增專案

大致了解Vue的一些比較重要特色之後，再來我們來看看怎麼建置Vue的環境與專案，要開始進行實作部分了。 建立環境 開始之前，電腦需要有Node.js環境與NPM...

技術 vue-cli(三)

安裝Vue-cli npm install -g vue-cli 建立vue新資料夾 vue init webpack my-project 在dist資料...