Web開発に関する覚書、リンク集
マシン設定
隠しファイル表示
- Mac OSの隠しファイルを見えるようにする設定
Macで隠しファイルを表示する方法 ／ @clutter さん
$ defaults write com.apple.finder AppleShowAllFiles TRUE
npm操作で 「permission denied」 になるとき
-
Error: EACCES: permission deniedが出るときの対処法 - 「対策1:npmのデフォルトディレクトリの権限を変更する」 を実行する
- 新マシンで対応する癖をつけたい
- nodenv 等で global を切り替えたときにも利用する
npmでpermission deniedになった時の対処法[mac] − 対策1 ／ @okoysm さん
$ 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