Fw: [emacs] emacs swank-js

看板Editor (編輯器(vim/emacs))作者 (dryman)時間11年前 (2013/03/23 15:55), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
※ [本文轉錄自 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
文章代碼(AID): #1HJL_P6P (Editor)
文章代碼(AID): #1HJL_P6P (Editor)