This commit is contained in:
2018-09-18 00:08:38 +08:00
parent 47a7075c82
commit 237b0602ae

View File

@@ -3,17 +3,17 @@
* Indium * Indium
Indium是一个可以在Emacs里直接调试运行在Chrome中的JavaScript的软件。 =Indium= 是一个可以在 =Emacs= 里直接调试运行在 =Chrome= 中的 =JavaScript= 的软件。
感觉双屏用这个软件应该会很爽。安装使用步骤如下: 感觉双屏用这个软件应该会很爽。安装使用步骤如下:
1. 安装服务端 ** 安装服务端
#+BEGIN_SRC shell #+BEGIN_SRC shell
npm install -g indium npm install -g indium
#+END_SRC #+END_SRC
2. 安装Emacs客服端 ** 安装 =Emacs= 客服端
#+BEGIN_SRC emacs-lisp #+BEGIN_SRC emacs-lisp
;; 直接从melpa源里安装 ;; 直接从melpa源里安装
@@ -24,7 +24,7 @@
(add-hook 'js-mode-hook 'indium-interaction-mode) (add-hook 'js-mode-hook 'indium-interaction-mode)
#+END_SRC #+END_SRC
3. indium配置文件.indium.json ** =indium= 配置文件: =.indium.json=
#+BEGIN_SRC json #+BEGIN_SRC json
{ {
@@ -42,40 +42,40 @@
配置项说明: 配置项说明:
name: 随便起一个就好 =name=: 随便起一个就好
type: Chrome调试直接写chrome就行了其他参考[[https://indium.readthedocs.io/en/latest/setup.html][Indium Setup]] =type=: =Chrome= 调试直接写 =chrome= 就行了,其他参考[[https://indium.readthedocs.io/en/latest/setup.html][Indium Setup]]
host: 本地调试地址 =host=: 本地调试地址
port: Chrome的调试协议端口号和项目无关和Chrome的启动参数有关 =port=: =Chrome= 的调试协议端口号,和项目无关,和 =Chrome= 的启动参数有关
url: 项目的首页地址,按项目设置 =url=: 项目的首页地址,按项目设置
4. 启动Chrome ** 启动 =Chrome=
在命令行里启动chrome的时候带上参数 在命令行里启动 =Chrome= 的时候带上参数
#+BEGIN_SRC shell #+BEGIN_SRC shell
chrome --remote-debugging-port=9222 chrome --remote-debugging-port=9222
#+END_SRC #+END_SRC
在gentoo里面自己编译的chromium中有个配置文件/etc/chromium/default =Gentoo= 里面,自己编译的 =Chromium= 中,有个配置文件 =/etc/chromium/default=
其中有 /CHROMIUM FLAGS/ 配置项,将其设置为上面启动参数的内容即可。即: 其中有 =CHROMIUM_FLAGS= 配置项,将其设置为上面启动参数的内容即可。即:
#+BEGIN_SRC conf #+BEGIN_SRC conf
CHROMIUM_FLAGS="--remote-debugging-port=9222" CHROMIUM_FLAGS="--remote-debugging-port=9222"
#+END_SRC #+END_SRC
5. 开始调试 ** 开始调试
在要调试的JavaScript文件中执行Emacs命令indium-connect即可开始调试 在要调试的 =JavaScript= 文件中执行 =Emacs= 命令 =indium-connect= 即可开始调试
#+BEGIN_SRC emacs-lisp #+BEGIN_SRC emacs-lisp
(indium-connect) (indium-connect)
#+END_SRC #+END_SRC
用快捷键或Indium插件提供的命令加入断点即可开始愉快的调试了。 用快捷键或 =Indium= 插件提供的命令加入断点,即可开始愉快的调试了。
更多用法参考[[https://indium.readthedocs.io/en/latest/index.html][Indium手册]]。 更多用法参考[[https://indium.readthedocs.io/en/latest/index.html][Indium手册]]。