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

在選擇文字編輯器時,專業度、好上手、多樣套件通常是選擇的要點,而且最好要好看且具有設計感;在這些複雜的要求下, Atom 滿足了這些需求,且在開源的加持下,豐富的套件也不斷湧出。
4.7 (118 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,161 students enrolled
Free
Start Learning Now
  • Lectures 10
  • Length 1 hour
  • Skill Level Beginner Level
  • Languages Traditional Chinese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2016 Traditional Chinese

Course Description

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

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

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

What are the requirements?

  • Windows、Mac OS、Linux 的作業平台
  • 需要網路環境

What am I going to get from this course?

  • 學會操作 atom 文字編輯器
  • 搜尋、安裝 atom 相關套件

What is the target audience?

  • 想要一套兼具設計感與專業度的文字編輯器
  • 想要一套簡單易用的文字編輯器

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: 開始使用 Atom 吧
安裝 Atom
02:55
10:07

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

20:32

熱鍵說明:

  • 開啟偏好設定: cmd + ,
  • 快速開啟檔案: cmd + p
  • 將目前檔案進行 reset --hard: cmd + alt + Z
Section 2: Atom 套件管理
Atom 套件管理
05:52
11:28

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


04:05

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

Atom 主題設定
05:12
04:17

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

01:41

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

07:48

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

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


相關 sync setting 指令:

  • 備份:sync-settings:backup
  • 回復:sync-settings:restore

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

王志誠 Wang, 前端設計師、前端工程師

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

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

Instructor Biography

廖洧杰 liao, 前端工程師

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

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

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

Instructor Biography

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

Ready to start learning?
Start Learning Now