一套用到底的文字編輯器 Atom
4.4 (187 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,889 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 一套用到底的文字編輯器 Atom to your Wishlist.

Add to Wishlist

一套用到底的文字編輯器 Atom

在選擇文字編輯器時,專業度、好上手、多樣套件通常是選擇的要點,而且最好要好看且具有設計感;在這些複雜的要求下, Atom 滿足了這些需求,且在開源的加持下,豐富的套件也不斷湧出。
4.4 (187 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,889 students enrolled
Last updated 4/2016
Traditional Chinese
Price: Free
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 學會操作 atom 文字編輯器
  • 搜尋、安裝 atom 相關套件
View Curriculum
Requirements
  • Windows、Mac OS、Linux 的作業平台
  • 需要網路環境
Description

Atom 是目前眾多的文字編輯器之一,你可以選擇的它的原因有

  • 多樣套件:這些額外的套件,讓您更能調適出屬於您開發的環境。
  • 易於上手:透過 GUI 的方式,讓使用者不必在混亂的介面中管理套件。
  • 美感:有各種美麗的主題樣式供您選擇。
  • 開源:因為開源,所以眾多的擴充功能不斷的在演進中。

這門教學僅需花費您一個小時就可以上手,並且達到許多其他編輯器沒有的功能,還不明白?先預覽看看課程吧!!

Who is the target audience?
  • 想要一套兼具設計感與專業度的文字編輯器
  • 想要一套簡單易用的文字編輯器
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 10 Lectures Collapse All 10 Lectures 01:13:57
+
開始使用 Atom 吧
3 Lectures 33:34
安裝 Atom
02:55

Windows 與 Mac 的操作大致相同,但 command (⌘)鍵在 Windows 要替換成 Ctrl。

Atom 基礎功能說明
10:07

熱鍵說明:

  • 開啟偏好設定: cmd + ,
  • 快速開啟檔案: cmd + p
  • 將目前檔案進行 reset --hard: cmd + alt + Z
Atom 核心環境設定
20:32
+
Atom 套件管理
7 Lectures 40:23
Atom 套件管理
05:52

安裝的套件:Emmet
Emmet 官網文件:http://docs.emmet.io/cheat-sheet/


Atom 套件 - Emmet
11:28

安裝的套件: atom live server
相關網址:https://atom.io/packages/atom-live-server

用 Atom 啟動 Webserver
04:05

Atom 主題設定
05:12

開啟開發者工具熱鍵: cmd + alt + i

客製化樣式
04:17

安裝的套件: activate power mode
相關網址:https://atom.io/packages/activate-power-mode

像遊戲一樣寫 Code
01:41

安裝的套件: sync settings
相關網址:https://atom.io/packages/sync-settings

熱鍵:
  • 開啟 Atom 指令列:cmd + shift + p


相關 sync setting 指令:

  • 備份:sync-settings:backup
  • 回復:sync-settings:restore
Atom 線上備份
07:48
About the Instructor
王志誠 Wang
4.6 Average rating
2,062 Reviews
9,003 Students
9 Courses
前端設計師、前端工程師

大家好,我是王志誠 (Casper),是由設計師轉為前端工程師,專長是視覺設計與前端整合、前端技術教育訓練、前端自動化,常用的工具、技術有 Sketch、Sass、Angular.js、Node.js、Gulp 等主流前端技術。

目前是高雄前端社群的核心成員,高雄前端社群除了會有中型的交流會、Workshop以外,我還會舉辦 CSS 讀書會(每月1~2次),如果對 前端、CSS 有興趣,歡迎追蹤 FB / 高雄前端社群,將可以看到我們的活動。

廖洧杰 liao
4.6 Average rating
2,062 Reviews
9,003 Students
9 Courses
前端工程師

你好,我是六角學院的校長,洧杰,

我是熱愛分享與交流的前端工程師,目前專注於兼容 Desktop / Mobile 網頁前端開發,期間已協助數百位平面設計師、網頁設計師導入標準網頁設計。

同時我也是高雄前端社群創辦人,於2013年3月31日創立社群,每月固定舉辦前端主題聚會,至今已舉辦超過30場聚會,不重複參與人數破千位,2015年協助14位平面設計師、網頁工程師轉職為前端工程師。同時也是國立高雄大學資管前端兼任講師、業界講師。

六角學院 hexschool
4.6 Average rating
2,062 Reviews
9,003 Students
9 Courses

一次付費,終身複習 
隨著時代更新的線上數位教材
透過國際知名 Udemy 線上教育平台 
我們致力於優化程式教育的流程