隠しファイル、permission denied．．．

##### Web開発に関する覚書、リンク集

# マシン設定

## 隠しファイル表示

- Mac OSの隠しファイルを見えるようにする設定

[Macで隠しファイルを表示する方法](https://qiita.com/clutter/items/520efe83b48375048c9f) ／ @clutter さん

``` sh
$ defaults write com.apple.finder AppleShowAllFiles TRUE
```

## npm操作で 「permission denied」 になるとき

- `Error: EACCES: permission denied` が出るときの対処法
- 「対策1:npmのデフォルトディレクトリの権限を変更する」 を実行する
- 新マシンで対応する癖をつけたい
- nodenv 等で global を切り替えたときにも利用する

[npmでpermission deniedになった時の対処法[mac] − 対策1](https://qiita.com/okoysm/items/ced3c3de30af1035242d#%E5%AF%BE%E7%AD%961npm%E3%81%AE%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%AE%E6%A8%A9%E9%99%90%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B) ／ @okoysm さん

``` sh
$ sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
```

# VS Code 拡張機能

- https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
- https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
- https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier
- https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
- https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
- https://marketplace.visualstudio.com/items?itemName=akamud.vscode-caniuse
- https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path
- https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
- https://marketplace.visualstudio.com/items?itemName=TaodongWu.ejs-snippets
- https://marketplace.visualstudio.com/items?itemName=dai-shi.vscode-es-beautifier
- https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
- https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle
- https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate
- https://marketplace.visualstudio.com/items?itemName=P-de-Jong.vscode-html-scss
- https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
- https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja
- https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
- https://marketplace.visualstudio.com/items?itemName=whtouche.vscode-js-console-utils
- https://marketplace.visualstudio.com/items?itemName=nathanchapman.JavaScriptSnippets
- https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint
- https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy
- https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
- https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
- https://marketplace.visualstudio.com/items?itemName=sdras.night-owl
- https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
- https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent
- https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- https://marketplace.visualstudio.com/items?itemName=amandeepmittal.pug
- https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-jade-snippets
- https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-pugbeautify
- https://marketplace.visualstudio.com/items?itemName=ginie.pug2html
- https://marketplace.visualstudio.com/items?itemName=robinbentley.sass-indented
- https://marketplace.visualstudio.com/items?itemName=glen-84.sass-lint
- https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss
- https://marketplace.visualstudio.com/items?itemName=octref.vetur
- https://marketplace.visualstudio.com/items?itemName=lihui.vs-color-picker
- https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
- https://marketplace.visualstudio.com/items?itemName=vaniship.vue-ls-snippets
- https://marketplace.visualstudio.com/items?itemName=mariorodeghiero.vue-theme
- https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack
- https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets