如何將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

在提交9d2a108時， Spacemacs附帶了一個增加對Prettier支持的圖層。 如果您正在使用Spacemacs的develop分支，或者如果您將來閱讀此版本並使用0.300版本或更新版本，則可以立即使用它。

要使用它，只需在由dotspacemacs-configuration-layers指定的圖層列表中添加prettier dotspacemacs-configuration-layers 。 此外，您應該啟用Prettier作為要使用Prettier的語言的圖層的格式化程序。 具體層中記錄了如何執行此操作。 對於JavaScript，您應該將以下內容添加到dotspacemacs/user-init 。

(setq javascript-fmt-tool 'prettier)

通過上述配置，JavaScript層將使用Prettier來格式化JavaScript文件。

Answer 2

prettier-js包現在在melpa上安裝它在你的spacemacs文件中添加更漂亮的js到dotspacemacs-additional-packages。

Answer 3

我們需要執行幾個步驟才能在Spacemacs中激活prettier ：

---

1.在Spacemacs中安裝prettier集成：

• <SPC> <SPC> （按空格鍵兩次），這將觸發HELM，允許我們搜索Emacs命令。

• 按<SPC> <SPC> ，在HELM緩沖區中鍵入package-install並按<RET> （Return / Enter鍵）。

• HELM包安裝緩沖區內將顯示包列表，在其中鍵入prettier-js並按<RET> 。

---

2.在您的系統中安裝prettier ：

• 如果沒有prettier自身，整合就不會做任何事情。

• 假設您已經安裝了node和npm ，請轉到終端並鍵入： npm install -g prettier並按Enter鍵。

---

3.（可選）在保存時設置自動格式：

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

• 找到它的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>重新加載保存的設置