※ [本文轉錄自 Ajax 看板 #1HJLf7v3 ]
作者: dryman (dryman) 看板: Ajax
標題: [心得] emacs swank-js
時間: Sat Mar 23 15:31:16 2013
這是目前我看過最強的 js 即時編譯環境了
一定要先看影片
https://www.youtube.com/watch?v=qwtVtcQQfqc
不過這可一點也不好安裝
希望這一點筆記可以幫到人
0. 開發環境：Emacs 24.3 on Mac OSX
brew install emacs --cocoa 即可
1. .emacs中或.emacs.d/init.el 設定ecosystem
(require 'package)
(add-to-list 'package-archives
'("marmalade" . "http://marmalade-repo.org/packages/"))
(add-to-list 'package-archives
'("melpa" . "http://melpa.milkbox.net/packages/") t)
(package-initialize)
M-x eval-buffer
2. node & npm
brew install npm
export PATH="/usr/local/share/npm/bin:$PATH" # 記得把這放進.bash_profile
npm install -g swank-js
3. slime setup
brew install sbcl
cd ~/.emacs.d/
git clone https://github.com/antifuchs/slime.git
in .emacs
(add-to-list 'load-path "~/.emacs.d/slime")
(setq inferior-lisp-program "/usr/local/bin/sbcl")
(require 'slime)
(slime-setup)
4. emacs packages
M-x package-install exec-path-from-shell 不然可能會無法讀到正確的path
M-x package-install js2-mode
M-x package-install slime 不確定這是不是必要
M-x package-install slime-js
M-x package-isntall js2-refactor
M-x package-install ac-slime
5. emacs rocks的設定檔
cd ~/.emacs.d/
curl -LO https://raw.github.com/magnars/.emacs.d/master/setup-slime-js.el
6. 又是.emacs
;; swank-js settings
(autoload 'js2-mode "js2-mode" nil t)
(add-to-list 'auto-mode-alist '("\\.js$" . js2-mode))
(global-set-key [f5] 'slime-js-reload)
(add-hook 'js2-mode-hook
(lambda ()
(slime-js-minor-mode 1)))
(load-file "~/.emacs.d/setup-slime-js.el")
直到這邊才安裝完成
怎麼使用呢？
首先你要有一個server跑在3000 port（可在~/.emacs.d/setup-slime-js.el中改）
最簡單的方法就是用python
python -m SimpleHTTPServer 3000
在emacs中打
M-x slime-js-jack-in-browser
就會跳出chrome
但不知為何我的chrome不成功，我改用safari，連接到localhost:8009即可
接下來在emacs的prompt中打
alert("hello world")
如果safari有跳出alert的話，就成功了！
事實上emacs也會顯示已連結safari
剩下的功能我還沒摸，但應該都不會有太大問題才對
這真是一個超複雜的安裝環境...orz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 207.151.231.159
※ dryman:轉錄至看板 Web_Design 03/23 15:32
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: dryman (207.151.231.159), 時間: 03/23/2013 15:55:03