Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Elixir 好用的編輯器
Search
bobo52310
July 20, 2016
Programming
0
170
Elixir 好用的編輯器
於 CatchPlay 內部 Elixir 讀書會分享。
bobo52310
July 20, 2016
Tweet
Share
More Decks by bobo52310
See All by bobo52310
Introduction openstack-horizon
bobo52310
0
95
PHP7 傳說中的第七隻大象
bobo52310
2
140
軟體工程師的3大試煉-大安高工資訊科講座
bobo52310
0
310
JSON-LD 簡介
bobo52310
2
180
實戰驚豔 Laravel 給你的5個驚嘆號
bobo52310
9
920
Other Decks in Programming
See All in Programming
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
470
#QiitaBash TDDで(自分の)開発がどう変わったか
ryosukedtomita
1
350
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
250
あまり知られていない MCP 仕様たち / MCP specifications that aren’t widely known
ktr_0731
0
240
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
180
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
690
iOS開発スターターキットの作り方
akidon0000
0
240
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
21
10k
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
180
Infer入門
riru
4
1.3k
Jakarta EE Meets AI
ivargrimstad
0
630
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
690
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
8
550
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
800
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Become a Pro
speakerdeck
PRO
29
5.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Transcript
Elixir 好用的編輯器 by Bobo Chen
工欲善其事, 必先利其器。 http://www.fjycw.com/manage/upload/201205/20120530083951421_FJ1.jpg
鄉野調查時間:哪個是你目前開發主力的編輯器 • Vim、Emacs • Sublime Text、Atom、Notepad++、TextMate • Eclipse、Netbeans • JetBrains(IntelliJ、PHPSotrm、WebStorm、PyCharm...)
• Visual Studio、Visual Studio Code
好用的編輯器應該具備哪些條件? • Syntax Highlighting • Autocomplete • Go to function
definition • 豐富的套件支援 • 專案目錄結構瀏覽
推薦3款 Elixir 開發編輯器 Sublime Text IntelliJ IDEA Vim
Sublime Text 安裝與設定 安裝 Sublime Text 3 安裝 Sublime Package
Control 安裝 SideBarEnhancements
Sublime Text 推薦套件 • ApplySyntax ◦ 自動判斷文件的類型 • SublimeCodeIntel ◦
支援多種語言的 Autocomplete • SublimeLinter ◦ 支援多種語言的 Linter • GitGutter ◦ 在側欄顯示此檔 Git 修改差異 • EasyMotion ◦ 懶人鍵盤移動法
• ElixirSublime ◦ 支援 Elixir 語法 Code completion 和 Linter
• SublimeLinter-contrib-elixirc ◦ (需先安裝 SublimeLinter)支援 Elixir 語法 Linter • Elixir-tmbundle ◦ 支援 Elixir 語法 Linter 和整合 Build code ◦ - cd ~/Library/Application Support/Sublime Text 3/Packages ◦ - git clone git://github.com/elixir-lang/elixir-tmbundle Elixir Sublime Text 推薦套件 for Elixir
IntelliJ IDEA 安裝與設定 • 付費軟體,一年 $499 訂閱制。另外有 Community 版本可以免費使用。 •
IntelliJ 安裝 Elixir 套件,可以從 IDE 建立 Elixir project。 • 或是也可以在 PHPStorm、PyCharm 這些 Jetbrains 公司出品的 IDE 安裝 Elixir 套件即可支援 Syntax Highlighting,但是不支援從 IDE 建立 Elixir project) 。
IntelliJ IDEA 推薦套件 • intellij-elixir ◦ Elixir 官方推薦套件 • AceJump
◦ 懶人鍵盤移動法 • .ignore ◦ 內建許多語言的 .gitignore 的範本
Vim 安裝與設定 Mac:已經有內建 Vim。若是覺得 Mac 內建的 Vim 版本太舊,可使用 brew 安裝新版
Vim,並且在 .bashrc 設定 alias Ubuntu: CentOS: alias vim='/usr/local/bin/vim' apt-get install vim yum -y install vim
Vim 推薦套件 • vim-elixir • EasyMotion • Vundle • Undotree
• spf13-vim 大推!
適合的使用情境 • 輕巧快速開檔 • 單檔的 Elixir Script • 開啟完整專案類型 •
需要 Compile 的專案 • 在 Server 上面編輯
補充:Elixir 內建的指令與檔案格式 - Elixir 裝好後 Console 已經有以下指令可以使用: - iex:interactive mode
- elixir:執行 elixir script - elixirc:Compiler elixir file - mix:Elixir's build tool - 2種檔案格式 .ex 、 .exs - .ex 表示 complied files - .exs 表示 script files - 檔案名稱使用 "snake_case"
補充:Interactive mode - h - IO.puts “String” - respawn $iex>
Q&A