今天要來安裝vue ui了！它把過去許多要自已輸入執行的內容，全改用視覺化的網頁介面表現，對設計來說可是一大福音！首先打開vs code，在上方選單選擇「終端機」>「新增端機」(記下它的快速鍵，...
安裝套件 VS Code除了內建市集介面外，還可到網站https://marketplace.visualstudio.com/vscode逛逛，雖然VS Code已支援許多功能，不過還是能依自已喜好...
今天要先來安裝vue的開發環境了！首先我們要先在電腦中安裝node.js，它是什麼呢？簡單說它是一個能夠在伺服器端運行JavaScript的開放原始碼，並能跨平台執行。下載網址如下：https://n...
身為一個網頁設計師，過去一直夾在設計與前端工程之間，這曖昧的角色定位隨著網頁技術的演進開始改變，網頁切版將普遍歸類到前端工程，而成為前端工程當然不能只會Html、CSS、JS而已，還需要學會重要的前端...
Vue-router 一、基本設置 src/router/index.js import Vue from 'vue' import Router from 'vue-router' import O...
Cheat Sheet 這邊分享一個美觀又實用的 Vuex Cheat Sheet ，作者將 Vuex 會用到的功能全部列在清單中，對於我這種今天看完明天就忘記，有記憶障礙的人非常實用 ?。 結語 這...
Plugin 前面有稍微提到如何使用 plugin ，不過我們有時候並不需要自己來建輪子， GitHub 上已經有很多人開發中出方便實用的工具，我們可以善加利用來減少開發的時間，下面列出我覺得比較實用...
很快地今天是鐵人賽的第30天，還記得一個月前，我對於Vue.js完全就是一張白紙的狀態，什麼都不太了解的狀態下，鼓起勇氣跟著30天熱度的夥伴一起參加這個比賽，雖然以前有framework實作的經驗，但...
d3 + vue 一開始訂下這個題目，是希望能夠將兩者整合應用，來做個嘗試吧 這次把d3寫到vue之中，利用vue來讀取檔案，並且將部分的設定值寫在vue的data之中，順利的將兩者結合。 var...
Vue.js devtools Vue.js devtools 是一個在開發時很實用的 Chrome 套件，我們可以在裡面檢查組件的資料，也可以查看 Vuex 的事件與資料變化。 安裝 使用方式也...