format.
This commit is contained in:
100
note/tools.org
100
note/tools.org
@@ -3,79 +3,79 @@
|
||||
|
||||
* Indium
|
||||
|
||||
Indium是一个可以在Emacs里直接调试运行在Chrome中的JavaScript的软件。
|
||||
=Indium= 是一个可以在 =Emacs= 里直接调试运行在 =Chrome= 中的 =JavaScript= 的软件。
|
||||
|
||||
感觉双屏用这个软件应该会很爽。安装使用步骤如下:
|
||||
|
||||
1. 安装服务端
|
||||
** 安装服务端
|
||||
|
||||
#+BEGIN_SRC shell
|
||||
npm install -g indium
|
||||
#+END_SRC
|
||||
#+BEGIN_SRC shell
|
||||
npm install -g indium
|
||||
#+END_SRC
|
||||
|
||||
2. 安装Emacs客服端
|
||||
** 安装 =Emacs= 客服端
|
||||
|
||||
#+BEGIN_SRC emacs-lisp
|
||||
;; 直接从melpa源里安装
|
||||
(require-package 'indium)
|
||||
#+BEGIN_SRC emacs-lisp
|
||||
;; 直接从melpa源里安装
|
||||
(require-package 'indium)
|
||||
|
||||
;; 配置
|
||||
(require 'indium)
|
||||
(add-hook 'js-mode-hook 'indium-interaction-mode)
|
||||
#+END_SRC
|
||||
;; 配置
|
||||
(require 'indium)
|
||||
(add-hook 'js-mode-hook 'indium-interaction-mode)
|
||||
#+END_SRC
|
||||
|
||||
3. indium配置文件:.indium.json
|
||||
** =indium= 配置文件: =.indium.json=
|
||||
|
||||
#+BEGIN_SRC json
|
||||
{
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Indium Demo",
|
||||
"type": "chrome",
|
||||
"host": "0.0.0.0",
|
||||
"post": 9222,
|
||||
"url": "http://0.0.0.0:3000"
|
||||
}
|
||||
]
|
||||
}
|
||||
#+END_SRC
|
||||
#+BEGIN_SRC json
|
||||
{
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Indium Demo",
|
||||
"type": "chrome",
|
||||
"host": "0.0.0.0",
|
||||
"post": 9222,
|
||||
"url": "http://0.0.0.0:3000"
|
||||
}
|
||||
]
|
||||
}
|
||||
#+END_SRC
|
||||
|
||||
配置项说明:
|
||||
配置项说明:
|
||||
|
||||
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
|
||||
chrome --remote-debugging-port=9222
|
||||
#+END_SRC
|
||||
#+BEGIN_SRC shell
|
||||
chrome --remote-debugging-port=9222
|
||||
#+END_SRC
|
||||
|
||||
在gentoo里面,自己编译的chromium中,有个配置文件/etc/chromium/default,
|
||||
在 =Gentoo= 里面,自己编译的 =Chromium= 中,有个配置文件 =/etc/chromium/default= ,
|
||||
|
||||
其中有 /CHROMIUM FLAGS/ 配置项,将其设置为上面启动参数的内容即可。即:
|
||||
其中有 =CHROMIUM_FLAGS= 配置项,将其设置为上面启动参数的内容即可。即:
|
||||
|
||||
#+BEGIN_SRC conf
|
||||
CHROMIUM_FLAGS="--remote-debugging-port=9222"
|
||||
#+END_SRC
|
||||
#+BEGIN_SRC conf
|
||||
CHROMIUM_FLAGS="--remote-debugging-port=9222"
|
||||
#+END_SRC
|
||||
|
||||
5. 开始调试
|
||||
** 开始调试
|
||||
|
||||
在要调试的JavaScript文件中执行Emacs命令indium-connect即可开始调试
|
||||
在要调试的 =JavaScript= 文件中执行 =Emacs= 命令 =indium-connect= 即可开始调试
|
||||
|
||||
#+BEGIN_SRC emacs-lisp
|
||||
(indium-connect)
|
||||
#+END_SRC
|
||||
#+BEGIN_SRC emacs-lisp
|
||||
(indium-connect)
|
||||
#+END_SRC
|
||||
|
||||
用快捷键或Indium插件提供的命令加入断点,即可开始愉快的调试了。
|
||||
用快捷键或 =Indium= 插件提供的命令加入断点,即可开始愉快的调试了。
|
||||
|
||||
更多用法参考[[https://indium.readthedocs.io/en/latest/index.html][Indium手册]]。
|
||||
更多用法参考[[https://indium.readthedocs.io/en/latest/index.html][Indium手册]]。
|
||||
|
||||
Reference in New Issue
Block a user