top of page

前端開發 好用工具推薦!

最早最早在開發網頁的時候,工具很少很簡陋,開發起來速度非常緩慢。

現在工具一堆,幫助很大,大大提升了開發效率。

Taker 在這裡列出一些常見的前端開發工具,學習使用之後,對你的開發會非常有幫助。


前端開發常用的小工具:

  1. IDE 文字編輯器:如 Sublime Text, Atom, Visual Studio Code (VS code) 等,目前最紅的是 VS code。

  2. 瀏覽器開發者工具(瀏覽器內建):可以用來檢查網頁的 HTML, CSS, JavaScript 代碼,並且可以直接調整看到結果,非常方便。

  3. 版本控制:如 Git, Mercurial 等,可以記錄文件的修改歷史,方便團隊協作。

  4. 模擬器:如 browserstack, crossbrowsertesting 等,可以在多個瀏覽器和設備上測試網頁。

  5. package 管理工具:如 npm, yarn 等,可以管理第三方 JavaScript 庫和工具。

  6. workflow 工具:如 Gulp, Grunt 等,可以自動化重複的任務,如優化圖片、清理代碼等。下好指令就可以完成,不用每次手動做一堆重複的動作。

5 views0 comments

Recent Posts

See All

很多學生一開始學 HTML+CSS 的時候,會有這樣的疑問: div 看起來很萬能,沒有特別的 CSS 設定,可以很輕鬆的做調整。 反正整個網頁的 CSS 畫面都可以自己調,為什麼不直接用 div 把整個網頁做出來就好? 如果你有這樣的疑問,代表你還不理解 HTML 的主要用意是什麼。 HTML 是用來 描述網頁結構 的語言。 像 div 是 HTML 裡的一個標籤,它可以用來建立網頁的區塊,基本

上一篇提到 CSS 常見屬性分為:佈局 + 細節 佈局上次做了簡單的分享,今天這篇來列一些常用的「細節設定」 背景屬性:用來控制元素的背景,如背景顏色、背景圖像、背景圖像的位置、背景圖像的重複方式等 background-color:背景顏色 background-image:背景圖像 background-position:背景圖像的位置 background-repeat:背景圖像的重複方式

CSS(Cascading Style Sheets)有許多屬性可以用來控制文字樣式、佈局、顏色和背景圖像等。屬性種類蠻多的,一開始很難記得住。 但其實先把這些屬性分成 2 大類,就會好記很多。 這兩大類分別是:佈局、細節 佈局:主要用來做大區塊的排版 細節:調整文字大小、顏色等,一些細節的微調。 今天先列出一些佈局類 CSS,先針對這些大區塊做設定,可以快速做出網頁 80% 的模樣: 佈局屬性:

​取得最新消息

感謝訂閱🙏

bottom of page