51 lines
1.5 KiB
Org Mode
51 lines
1.5 KiB
Org Mode
#+TITLE: import-js layer
|
||
|
||
#+TAGS: layer|tool
|
||
|
||
* Table of Contents :TOC_4_gh:noexport:
|
||
- [[#description][Description]]
|
||
- [[#features][Features:]]
|
||
- [[#install][Install]]
|
||
- [[#key-bindings][Key bindings]]
|
||
|
||
* Description
|
||
This layer adds support for [[https://github.com/Galooshi/import-js][import-js]]
|
||
|
||
** Features:
|
||
- Import Javascript/Typescript modules to buffer
|
||
- Import missing modules and remove unused one
|
||
- Go to module location
|
||
|
||
* Install
|
||
To use this configuration layer, add it to your =~/.spacemacs=.
|
||
|
||
To install =import-js= globally:
|
||
|
||
#+BEGIN_SRC sh
|
||
$ npm install -g import-js
|
||
#+END_SRC
|
||
|
||
If that doesn’t work you can also try installing =import-js= with =--unsafe-perm= tag
|
||
|
||
#+BEGIN_SRC sh
|
||
$ sudo npm install --unsafe-perm -g import-js
|
||
#+END_SRC
|
||
|
||
To enable it, set the layer variable =javascript-import-tool=, for example for
|
||
the =javascript= layer
|
||
|
||
#+BEGIN_SRC elisp
|
||
(javascript :variables javascript-import-tool 'import-js)
|
||
#+END_SRC
|
||
|
||
Once you have set this variable other layers =react= and =typescript= will also
|
||
enjoy this feature
|
||
|
||
* Key bindings
|
||
|
||
| Key binding | Description |
|
||
|-------------+---------------------------------------------------------------------|
|
||
| ~SPC m i i~ | Import the module for the variable under the cursor |
|
||
| ~SPC m i f~ | Import any missing modules and remove any modules that are not used |
|
||
| ~SPC m i g~ | Go to the module of the variable under cursor |
|