{"id":1797,"date":"2021-01-03T15:41:19","date_gmt":"2021-01-03T06:41:19","guid":{"rendered":"https:\/\/nobunobu1717.site\/?p=1797"},"modified":"2021-01-03T21:55:38","modified_gmt":"2021-01-03T12:55:38","slug":"post-1797","status":"publish","type":"post","link":"https:\/\/nobunobu1717.site\/?p=1797","title":{"rendered":"VS Code\u3067prettier\u306e\u81ea\u52d5\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u4fdd\u5b58\u304c\u52b9\u304b\u306a\u304f\u306a\u3063\u3066\u3044\u305f\u6642\u306e\u5bfe\u5fdc"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">1<\/span> \u6982\u8981<\/a><\/li><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_1\">2<\/span> \u5bfe\u5fdc<\/a><\/li><li><a href=\"#eslint\"><span class=\"toc_number toc_depth_1\">3<\/span> \u305d\u306e\u307b\u304b(eslint\u306a\u3069)<\/a><\/li><\/ul><\/div>\n<h2><span id=\"i\">\u6982\u8981<\/span><\/h2>\n<p>\u534a\u5e74\u3076\u308a\u304f\u3089\u3044\u306bVS Code\u4e0a\u3067node.js\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u3053\u3046\u3068\u601d\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001Ctrl+S\u3067\u4fdd\u5b58\u3057\u3066\u3082prettier\u306e\u30b3\u30fc\u30c9\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u304c\u3055\u308c\u306a\u304f\u306a\u3063\u3066\u3044\u305f\u969b\u306e\u5bfe\u5fdc\u3067\u3059\u3002<br \/>\n\u4f55\u3082\u30d5\u30a9\u30fc\u30de\u30c3\u30bf\u306e\u521d\u671f\u8a2d\u5b9a\u7b49\u3092\u3057\u306a\u304f\u3066\u3082VSCode\u3067js\u30d5\u30a1\u30a4\u30eb\u3092\u958b\u304f\u3060\u3051\u3067\u3088\u3057\u306a\u306b\u3084\u3063\u3066\u304f\u308c\u308b\u306e\u3067\u4fbf\u5229\u3060\u3063\u305f\u306e\u3067\u3059\u304c\u3002\u3002\u3002<\/p>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<h2><span id=\"i-2\">\u5bfe\u5fdc<\/span><\/h2>\n<p>\u4e0b\u8a18\u306e GitHub\u306eIssue\u3067\u554f\u984c\u3092\u767a\u898b\u3002<br \/>\nhttps:\/\/github.com\/microsoft\/vscode\/issues\/108447<\/p>\n<p>setting.json\u306eeditor.defaultFormatter\u306besbenp.prettier-vscode\u3092\u8a2d\u5b9a\u3057\u305f\u3089\u5229\u304f\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<pre class=\"lang:default decode:true \" >{\r\n    \"editor.formatOnSave\": true,\r\n    \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\r\n}<\/pre>\n<h3>prettier\u8a2d\u5b9a<\/h3>\n<p>\u4e45\u3057\u3076\u308a\u306b\u89e6\u308b\u3068\u5fd8\u308c\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u8a2d\u5b9a\u304b\u3089\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u30eb\u30fc\u30c8\u306b<br \/>\n.prettierrc.json<br \/>\n\u30d5\u30a1\u30a4\u30eb\u3092\u7f6e\u3044\u3066\u8a2d\u5b9a\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n<pre class=\"lang:default decode:true \" >{\r\n    \"bracketSpacing\": true,\r\n    \"semi\": true,\r\n    \"singleQuote\": true\r\n}<\/pre>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n<h2><span id=\"eslint\">\u305d\u306e\u307b\u304b(eslint\u306a\u3069)<\/span><\/h2>\n<p>\u4e00\u901a\u308a\u66f8\u304b\u308c\u3066\u3044\u3066\u3001\u4e0b\u8a18\u304c\u53c2\u8003\u306b\u306a\u308b\u3002<br \/>\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"VSCode \u306e Prettier \u306e\u8a2d\u5b9a\u3092\u7406\u89e3\u3059\u308b - \u8c46\u8150\u3068\u30b3\u30f3\u30bd\u30e1\" src=\"https:\/\/hatenablog-parts.com\/embed?url=https%3A%2F%2Fwww.tohuandkonsome.site%2Fentry%2F2020%2F01%2F13%2F153155#?secret=UBhVsibguD\" data-secret=\"UBhVsibguD\" scrolling=\"no\" frameborder=\"0\"><\/iframe><\/p>\n<h3>VSCode\u306eprettier\u3068node_modules\u306eprettier\u306b\u95a2\u3057\u3066<\/h3>\n<p>npm\u3084yarn\u3067prettier\u3092\u5bfe\u8c61\u306e\u30bd\u30fc\u30b9\u5185\u306epackage.json\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304a\u304b\u306a\u304f\u3066\u3082\u3001VSCode\u306e\u62e1\u5f35\u6a5f\u80fd\u3060\u3051\u3067\u4f7f\u7528\u53ef\u80fd\u3002<br \/>\n\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u5834\u5408\u306b\u306f\u3001\u62e1\u5f35\u6a5f\u80fd\u5074\u3067\u306f\u306a\u304f\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u305f\u65b9\u3092\u4f7f\u3046\u6a21\u69d8\u3002<br \/>\n\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u306a\u3044\u5834\u5408\u306b\u306fVSCode\u306e\u8a2d\u5b9a\u306b\u4f9d\u5b58\u3059\u308b\u306e\u3067\u8907\u6570\u4eba\u3067\u958b\u767a\u3059\u308b\u65b9\u304c\u826f\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u3002<\/p>\n<h3>eslint\u3068\u4f75\u7528\u3059\u308b<\/h3>\n<p>eslint\u306f\u62e1\u5f35\u6a5f\u80fd\u3092\u5165\u308c\u308b\u3060\u3051\u3067\u306f\u30c0\u30e1\u3067\u500b\u5225\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3002<br \/>\n\u4f75\u7528\u3059\u308b\u306a\u3089\u3070prettier\u3082\u5165\u308c\u308b\u3002<br \/>\nnpm install -D eslint prettier<br \/>\n\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304a\u304f\u3002(package.json\u304c\u307e\u3060\u306a\u3044\u306a\u3089\u3070\u5148\u306bnpm init -y\u3057\u3066\u304a\u304f)<\/p>\n<p>pretitier\u3068\u4f75\u7528\u3059\u308b\u305f\u3081\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3002<br \/>\nnpm install -D eslint-config-prettier eslint-plugin-prettier<\/p>\n<p>setting.json\u306b\u4e0b\u8a18\u3092\u8ffd\u52a0\u3059\u308b\u3002<br \/>\neslint\u5074\u3067\u30d5\u30a9\u30fc\u30de\u30c3\u30bf\u304c\u8d77\u52d5\u3059\u308b\u306e\u3067js\u306e\u307feditor.formatOnSave\u3067pretitier\u304c\u5b9f\u884c\u3055\u308c\u306a\u3044\u3088\u3046\u306bfalse\u306b\u3057\u3066\u304a\u304f\u3002<\/p>\n<pre class=\"lang:default decode:true \" >  \"editor.codeActionsOnSave\": {\r\n    \"source.fixAll.eslint\": true\r\n  },\r\n\u3000\"editor.formatOnSave\": true,\r\n  \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\r\n  \"[javascript]\": {\r\n    \"editor.formatOnSave\": false\r\n  },\r\n<\/pre>\n<p>.eslintrc.json\u3092\u4f5c\u6210\u3057\u3066\u4e0b\u8a18\u306e\u3088\u3046\u306b\u4f5c\u6210\u3059\u308b\u3002<br \/>\n(extends\u4ee5\u5916\u306f\u304a\u597d\u307f\u3067\u3002)<\/p>\n<pre class=\"lang:default decode:true \" >\r\n{\r\n  \"env\": {\r\n    \"es6\": true\r\n  },\r\n  \"parserOptions\": {\r\n    \"ecmaVersion\": 2017\r\n  },\r\n  \"extends\": [\"plugin:prettier\/recommended\"]\r\n}\r\n<\/pre>\n\n\t<p style=\"color:#666;margin-bottom:5px;\">\u30b9\u30dd\u30f3\u30b5\u30fc\u30ea\u30f3\u30af<\/p>\n\t<div class=\"middle-ad\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Contents1 \u6982\u89812 \u5bfe\u5fdc3 \u305d\u306e\u307b\u304b(eslint\u306a\u3069) \u6982\u8981 \u534a\u5e74\u3076\u308a\u304f\u3089\u3044\u306bVS Code\u4e0a\u3067node.js\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u3053\u3046\u3068\u601d\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001Ctrl+S\u3067\u4fdd\u5b58\u3057\u3066\u3082prettier\u306e &#8230; <\/p>\n","protected":false},"author":1,"featured_media":1799,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,24],"tags":[],"_links":{"self":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1797"}],"collection":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1797"}],"version-history":[{"count":8,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1797\/revisions"}],"predecessor-version":[{"id":1806,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/1797\/revisions\/1806"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/media\/1799"}],"wp:attachment":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}