iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 7
0
Modern Web

使用Vue.js製作個人blog系列 第 7

【Day 7】淺談開發工具

  • 分享至 

  • xImage
  •  

淺談開發工具

現在流行的開發工具有很多,諸如微軟的Visual Studio要錢)或是VS CodeAtomSublime Text,甚至蘋果的Xcode也參一角。但是這邊我不比較他們的優劣,直接介紹我會使用的開發工具!

我挑選的條件很簡單:

  1. 跨平台(因為我是Mac OS)
  2. 輕巧方便
  3. 多人使用
    所以當初就選擇Sublime Text。目前我使用的是Sublime Text3。但是最近微軟的VS Code很火紅,有空就過去玩看看。

簡單說明操作畫面

這個模式是開啟「folders」,也就是資料夾模式(個人最喜歡的模式),他的概念可以想成:開啟專案資料夾。可以在左邊看到資料夾和檔案,他會顯示這個資料夾下所有的東西,所有東西都可以用Sublime來開,不過會不會正常顯示就不保證了... 有的會是亂碼,這表示你用錯軟體開了XDD

中間就是檔案與內文區。在這區的右邊有個密密麻麻的字,他是文件的預覽。雖然根本看不到裡面有什麼,但是他會隨著我們的頁面跟著移動,雖然實用性幾乎零(我也只是用來當移動用),但是爽度滿分XDDD

然後他有很多套件可以使用,首先要安裝Package Control,安裝過程請上網找,這邊說明一下套件內容。其中Vue.js是使用:Vue Syntax Highlight,這個會把Vue的語法用亮亮的

而Python我是安裝:Anaconda,也讓Python變得多彩,讓眼睛不會被同一顏色的字給迷惑,可以清楚知道哪些是變數,哪些事function


接著是MySQL資料庫工具:Sequel Pro

這個檔案小,才10.1MB,而官方的Workbench(6.3.8)卻是他的八倍!87.1MB。雖然小,但是主要功能卻都齊全,又反應快速,不失為一個優秀的工具!


以上是這次開發所會用到的工具。當然瀏覽器的Debug也要學一下,可以去GOOGLE看看如何使用Chrome或是Firefox,這是開發網頁好用的工具(最近才學會,浪費了很多時間在盲測Q口Q)

大家還有用什麼好工具呢?歡迎在下面討論~


下一篇,開始來討論設計流程中網頁的外表


上一篇
【Day 6】使用的程式語言介紹
下一篇
【Day 8】畫面設計
系列文
使用Vue.js製作個人blog17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言