如何将prettier-js.el整合到spacemacs中

Question

我想在spacemacs工作更漂亮.

我(prettier-js :location (recipe :url "https://raw.githubusercontent.com/prettier/prettier/master/editors/emacs/prettier-js.el" :fetcher url))有点工作,但然后在消息我看到

Contacting host: raw.githubusercontent.com:443
Wrote /Users/travis/.emacs.d/.cache/quelpa/build/prettier-js/prettier-js.el
File: /Users/travis/.emacs.d/.cache/quelpa/build/prettier-js/prettier-js.stamp
Error getting PACKAGE-DESC: (search-failed ;;; prettier-js.el ends here)
Cannot load prettier-js

我不知道有足够的emacs知道PACKAGE-DESC的功能,或者我是否需要它来加载更漂亮.

我试图在私有层中执行此操作

文档说:

将其添加到您的init

(require 'prettier-js)
(add-hook 'js-mode-hook
          (lambda ()
            (add-hook 'before-save-hook 'prettier-before-save)))

我想我应该有类似的东西:

(defun myJS/post-init-prettier-js ()
  "Initialize prettier-js"
  (use-package prettier-js)
  :defer t
  :init
  (progn
    (add-hook 'before-save-hook 'prettier-before-save)
    )
  )

在我的图层中

Answer 1

为了prettier在Spacemacs 中激活，我们需要执行几个步骤：

1.prettier在 Spacemacs 中安装集成：

• <SPC> <SPC>（按两次空格键），这将触发HELM允许我们搜索 Emacs 命令。

• 压制后<SPC> <SPC>，输入package-install在HELM缓冲器，然后按<RET>（回车/回车键）。

• 一个包列表将出现在HELM 包安装缓冲区内，输入prettier-js它并按<RET>。

2.prettier在您的系统中安装：

• 没有prettier它自己，集成不会做任何事情。

• 假设您已经安装node并npm安装，请转到您的终端并输入：npm install -g prettier并按回车键。

3.（可选）设置保存时自动格式化：

• .spacemacs按打开您的配置文件<SPC> <f> <e> <d>。

• 找到dotspacemacs/user-config它的部分并在其中键入以下代码段：

  (defun dotspacemacs/user-config () (add-hook 'js2-mode-hook 'prettier-js-mode) (add-hook 'web-mode-hook 'prettier-js-mode) )

• 按保存设置的更改 <SPC> <f> <s>

• 通过按重新加载保存的设置 <SPC> <f> <e> <R>

Answer 2

在提交9d2a108时, Spacemacs附带了一个增加对Prettier支持的图层.如果您正在使用developSpacemacs 的分支,或者如果您将来阅读此内容并且使用的是版本0.300或更新的版本,则可以立即使用它.

要使用它,只需prettier在指定的图层列表中添加图层即可dotspacemacs-configuration-layers.此外,您应该启用Prettier作为要使用Prettier的语言的图层的格式化程序.具体层中记录了如何执行此操作.对于JavaScript,您应该将以下内容添加到您的dotspacemacs/user-init.

(setq javascript-fmt-tool 'prettier)

通过上述配置,JavaScript层将使用Prettier来格式化JavaScript文件.