[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"custom-urls-\u002Ftools\u002Fmac-phpstorm-sass":3,"categories-menu":10,"post-kompilim-sass-v-phpstorm-na-macos":120,"post-content-kompilim-sass-v-phpstorm-na-macos":157,"post-comments-gsf74mv1zc39kkejpvy70lfk":341},{"type":4,"entity":5,"path":8},"post",{"documentId":6,"slug":7},"gsf74mv1zc39kkejpvy70lfk","kompilim-sass-v-phpstorm-na-macos",{"uri":9},"\u002Ftools\u002Fmac-phpstorm-sass",[11,31,104],{"id":12,"documentId":13,"name":14,"slug":15,"desc":16,"published":17,"uri":18,"showmenu":17,"createdAt":19,"updatedAt":20,"publishedAt":21,"locale":22,"heading":16,"order":23,"posts":24},4,"dw88ipzixowg4rbtqhna1fck","Личное","self",null,true,"\u002Fself","2026-05-17T11:06:55.868Z","2026-05-19T09:58:08.297Z","2026-05-19T09:58:08.291Z","en",0,[25,28],{"id":26,"documentId":27},61,"otr8hblo0fac9ovggct48osv",{"id":29,"documentId":30},76,"z77qh8cg0mcz533087epr6xu",{"id":32,"documentId":33,"name":34,"slug":35,"desc":16,"published":17,"uri":36,"showmenu":17,"createdAt":37,"updatedAt":38,"publishedAt":39,"locale":22,"heading":16,"order":40,"posts":41},2,"oxow5hzkizd4dgongka7hxvf","Рабочее","work","\u002Fwork","2026-05-15T07:43:18.016Z","2026-05-19T09:58:08.301Z","2026-05-19T09:58:08.295Z",1,[42,45,48,51,54,57,60,63,66,69,72,75,78,80,83,86,89,92,95,98,101],{"id":43,"documentId":44},71,"tciv16vv801l5eg5m4rx3gal",{"id":46,"documentId":47},80,"x8y72z9yibyjcllzwes23h43",{"id":49,"documentId":50},81,"v06yaukpbxnypv0bh0s48osu",{"id":52,"documentId":53},82,"wgd4f0022pq1pwbvq04rq0x0",{"id":55,"documentId":56},83,"i8wiipabpbxtcofme04ncqjy",{"id":58,"documentId":59},84,"ny1dz9tknms3219nrc5oaahy",{"id":61,"documentId":62},89,"igz67vanm4ke94cilkgrts2i",{"id":64,"documentId":65},95,"fa4sibhpf6ohmet6qo3s4ywx",{"id":67,"documentId":68},96,"u7g77d0bu0rv1u67qea9kglu",{"id":70,"documentId":71},98,"exnbib5xi3fgt7mku9q8ithc",{"id":73,"documentId":74},99,"bja31j10up0ffiqw1j5nfr79",{"id":76,"documentId":77},100,"ztrhdkce10c349k6jngsqz72",{"id":79,"documentId":6},101,{"id":81,"documentId":82},102,"m7c1icp5gt0x73ssyc67atvc",{"id":84,"documentId":85},103,"yz8vml65wloblc0dsp1okc8l",{"id":87,"documentId":88},104,"lquxceynryigq9wdydiwby7f",{"id":90,"documentId":91},105,"yy6x55uwn90hzkzz0786ev1q",{"id":93,"documentId":94},106,"ns37ttwnqxfc86lw6355bx9n",{"id":96,"documentId":97},107,"bjlqk6v41quti6geq9hs4ta6",{"id":99,"documentId":100},108,"ztumsu968y7otczfxrol0o19",{"id":102,"documentId":103},109,"xxxi8etz2ay3839xvw2oz9ym",{"id":105,"documentId":106,"name":107,"slug":108,"desc":16,"published":17,"uri":109,"showmenu":17,"createdAt":110,"updatedAt":111,"publishedAt":112,"locale":22,"heading":16,"order":32,"posts":113},3,"cat0obshestvennoe000001","Общественное","public","\u002Fpublic","2026-05-15T18:29:50.696Z","2026-05-19T09:58:05.992Z","2026-05-19T09:58:05.985Z",[114,117],{"id":115,"documentId":116},74,"u55grcuibxa3e64ymhoaav2v",{"id":118,"documentId":119},92,"rcz3w4mhmhb54ps3o8j462fp",{"id":79,"documentId":6,"title":121,"slug":7,"content":122,"desc":123,"intro":124,"uri":9,"published":17,"publishedDate":125,"showComments":17,"canComment":17,"telegramId":16,"telegramLink":16,"telegramHash":16,"telegramSetReaction":17,"telegramPasteImage":126,"telegramPasteTitle":126,"telegramPasteLink":126,"internalMeta":127,"createdAt":128,"updatedAt":129,"publishedAt":130,"locale":16,"coverCaption":131,"showOnHome":17,"category":132,"cover":16,"tags":133,"author":141,"comments":40,"reactions":156},"Компилим SASS в PhpStorm на MacOS","Иногда нет возможности поставить ни Webpack, ни Gulp, ни чего-то ещё на хостинг сайта, но стили на препроцессоре писать хочется. Для этого в PhpStorm придуманы Watcher-ы. Можно при сохранении скомпилить SASS файл в CSS.\n\nСтавим brew, если нет его:\n\n```bash\n\u002Fbin\u002Fbash -c \"$(curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002FHomebrew\u002Finstall\u002FHEAD\u002Finstall.sh)\"\nbrew update\nexport PATH=\"\u002Fusr\u002Flocal\u002Fbin:$PATH\"\n```\n\nСтавим Node JS:\\\n`brew install node`\n\nСтавим пакет SASS глобально:\\\n`npm install -g sass`\n\nДальше настраиваем Watcher [по инструкции](https:\u002F\u002Fwww.jetbrains.com\u002Fhelp\u002Fphpstorm\u002Ftranspiling-sass-less-and-scss-to-css.html#create_file_watcher).","","Иногда нет возможности поставить ни Webpack, ни Gulp, ни чего-то ещё на хостинг сайта, но стили на препроцессоре писать хочется. Для этого в PhpStorm придуманы Watcher-ы. Можно при сохранении скомпилить SASS файл в CSS.","2021-05-19T05:28:00.000Z",false,{"addToTelegram":126,"editInTelegram":126,"removeFromTelegram":126},"2026-05-16T14:27:44.746Z","2026-05-18T22:40:59.466Z","2026-05-18T22:40:59.458Z","SASS + PhpStorm",{"id":32,"documentId":33,"name":34,"slug":35,"desc":16,"published":17,"uri":36,"showmenu":17,"createdAt":37,"updatedAt":38,"publishedAt":39,"locale":22,"heading":16,"order":40},[134],{"id":135,"documentId":136,"name":137,"slug":138,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":139,"updatedAt":139,"publishedAt":140,"locale":22,"heading":16,"desc":16},20,"georvivt518jgm5vp8rcv0kv","Инструменты","instrumenty","2026-05-16T10:33:46.941Z","2026-05-16T10:33:46.938Z",{"id":40,"documentId":142,"username":143,"provider":123,"confirmed":17,"blocked":126,"telegramId":144,"telegramData":145,"icon":16,"firstname":149,"lastname":148,"phone":146,"locale":16,"role":150,"avatar":16},"mr9zlrq1858u3k1t8r6dmlly","pavelgvozdb","133652371",{"id":144,"phone":146,"premium":126,"language":147,"lastname":148,"username":143,"firstname":149},"77025551199","ru","Гвоздь","Павел",{"id":105,"documentId":151,"name":152,"description":153,"type":154,"createdAt":155,"updatedAt":155,"publishedAt":155,"locale":16},"agv9d9dnu7pxc9ked3amj647","Admin","Главный админ блога — полный доступ к управлению на фронтенде","admin","2026-05-15T18:45:58.088Z",{"like":40,"dislike":23},{"data":158,"body":159,"toc":339},{"title":123,"description":124},{"type":160,"children":161},"root",[162,169,174,288,303,317,333],{"type":163,"tag":164,"props":165,"children":166},"element","p",{},[167],{"type":168,"value":124},"text",{"type":163,"tag":164,"props":170,"children":171},{},[172],{"type":168,"value":173},"Ставим brew, если нет его:",{"type":163,"tag":175,"props":176,"children":181},"pre",{"className":177,"code":178,"language":179,"meta":123,"style":180},"language-bash shiki shiki-themes github-light catppuccin-mocha","\u002Fbin\u002Fbash -c \"$(curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002FHomebrew\u002Finstall\u002FHEAD\u002Finstall.sh)\"\nbrew update\nexport PATH=\"\u002Fusr\u002Flocal\u002Fbin:$PATH\"\n","bash","--shiki-default:#24292e;--shiki-dark:#cdd6f4;--shiki-default-bg:#fff;--shiki-dark-bg:#1e1e2e",[182],{"type":163,"tag":183,"props":184,"children":185},"code",{"__ignoreMap":123},[186,240,253],{"type":163,"tag":187,"props":188,"children":190},"span",{"class":189,"line":40},"line",[191,197,203,209,215,220,225,230,235],{"type":163,"tag":187,"props":192,"children":194},{"style":193},"--shiki-default:#6F42C1;--shiki-default-font-style:inherit;--shiki-dark:#89B4FA;--shiki-dark-font-style:italic",[195],{"type":168,"value":196},"\u002Fbin\u002Fbash",{"type":163,"tag":187,"props":198,"children":200},{"style":199},"--shiki-default:#005CC5;--shiki-dark:#A6E3A1",[201],{"type":168,"value":202}," -c",{"type":163,"tag":187,"props":204,"children":206},{"style":205},"--shiki-default:#032F62;--shiki-dark:#A6E3A1",[207],{"type":168,"value":208}," \"",{"type":163,"tag":187,"props":210,"children":212},{"style":211},"--shiki-default:#032F62;--shiki-dark:#9399B2",[213],{"type":168,"value":214},"$(",{"type":163,"tag":187,"props":216,"children":217},{"style":193},[218],{"type":168,"value":219},"curl",{"type":163,"tag":187,"props":221,"children":222},{"style":199},[223],{"type":168,"value":224}," -fsSL",{"type":163,"tag":187,"props":226,"children":227},{"style":205},[228],{"type":168,"value":229}," https:\u002F\u002Fraw.githubusercontent.com\u002FHomebrew\u002Finstall\u002FHEAD\u002Finstall.sh",{"type":163,"tag":187,"props":231,"children":232},{"style":211},[233],{"type":168,"value":234},")",{"type":163,"tag":187,"props":236,"children":237},{"style":205},[238],{"type":168,"value":239},"\"\n",{"type":163,"tag":187,"props":241,"children":242},{"class":189,"line":32},[243,248],{"type":163,"tag":187,"props":244,"children":245},{"style":193},[246],{"type":168,"value":247},"brew",{"type":163,"tag":187,"props":249,"children":250},{"style":205},[251],{"type":168,"value":252}," update\n",{"type":163,"tag":187,"props":254,"children":255},{"class":189,"line":105},[256,262,268,274,279,284],{"type":163,"tag":187,"props":257,"children":259},{"style":258},"--shiki-default:#D73A49;--shiki-dark:#CBA6F7",[260],{"type":168,"value":261},"export",{"type":163,"tag":187,"props":263,"children":265},{"style":264},"--shiki-default:#24292E;--shiki-dark:#CDD6F4",[266],{"type":168,"value":267}," PATH",{"type":163,"tag":187,"props":269,"children":271},{"style":270},"--shiki-default:#D73A49;--shiki-dark:#94E2D5",[272],{"type":168,"value":273},"=",{"type":163,"tag":187,"props":275,"children":276},{"style":205},[277],{"type":168,"value":278},"\"\u002Fusr\u002Flocal\u002Fbin:",{"type":163,"tag":187,"props":280,"children":281},{"style":264},[282],{"type":168,"value":283},"$PATH",{"type":163,"tag":187,"props":285,"children":286},{"style":205},[287],{"type":168,"value":239},{"type":163,"tag":164,"props":289,"children":290},{},[291,293,297],{"type":168,"value":292},"Ставим Node JS:",{"type":163,"tag":294,"props":295,"children":296},"br",{},[],{"type":163,"tag":183,"props":298,"children":300},{"className":299},[],[301],{"type":168,"value":302},"brew install node",{"type":163,"tag":164,"props":304,"children":305},{},[306,308,311],{"type":168,"value":307},"Ставим пакет SASS глобально:",{"type":163,"tag":294,"props":309,"children":310},{},[],{"type":163,"tag":183,"props":312,"children":314},{"className":313},[],[315],{"type":168,"value":316},"npm install -g sass",{"type":163,"tag":164,"props":318,"children":319},{},[320,322,331],{"type":168,"value":321},"Дальше настраиваем Watcher ",{"type":163,"tag":323,"props":324,"children":328},"a",{"href":325,"rel":326},"https:\u002F\u002Fwww.jetbrains.com\u002Fhelp\u002Fphpstorm\u002Ftranspiling-sass-less-and-scss-to-css.html#create_file_watcher",[327],"nofollow",[329],{"type":168,"value":330},"по инструкции",{"type":168,"value":332},".",{"type":163,"tag":334,"props":335,"children":336},"style",{},[337],{"type":168,"value":338},".shiki,html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}.dark .shiki,html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":123,"searchDepth":32,"depth":32,"links":340},[],[342],{"id":343,"documentId":344,"content":345,"blocked":126,"blockedThread":126,"removed":126,"entityUid":346,"entityId":6,"ip":347,"userAgent":348,"anonym":349,"sessionId":348,"createdAt":354,"updatedAt":354,"publishedAt":354,"locale":16,"author":16,"threadOf":16,"isOwner":126,"canEdit":126,"reactions":355,"userReaction":16,"children":356},118,"oitaij1xydytumtpmfjotnrm","Отлично, спасибо! Весь интернет переискал, наконец-то нашёл!","api::post.post","0.0.0.0","modx-migration",{"id":350,"name":351,"email":352,"migrated":17,"modxCommentId":353},"anonymous_modx_xqsxlp","Пётр","petya@petya.ru",23,"2021-11-22T08:58:21.000Z",{"like":23,"dislike":23},[]]