[{"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,"tags":357},{"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},[],[358,372,385,395,399,411,419,428,437,446,455,464,473,482,491],{"id":359,"documentId":360,"name":361,"slug":362,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":363,"updatedAt":363,"publishedAt":364,"locale":22,"heading":16,"desc":16,"posts":365},15,"aju4latl5hi6906pt0ktlb1g","Linux","linux","2026-05-16T10:03:45.426Z","2026-05-16T10:03:45.422Z",[366,367,368,369,370,371],{"id":61,"documentId":62},{"id":64,"documentId":65},{"id":67,"documentId":68},{"id":70,"documentId":71},{"id":84,"documentId":85},{"id":96,"documentId":97},{"id":373,"documentId":374,"name":375,"slug":376,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":377,"updatedAt":377,"publishedAt":378,"locale":22,"heading":16,"desc":16,"posts":379},6,"mau3qzs4gq9pxckgymu674yr","MODX","modx","2026-05-16T10:03:44.164Z","2026-05-16T10:03:44.154Z",[380,381,382,383,384],{"id":49,"documentId":50},{"id":52,"documentId":53},{"id":76,"documentId":77},{"id":90,"documentId":91},{"id":93,"documentId":94},{"id":386,"documentId":387,"name":388,"slug":389,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":390,"updatedAt":390,"publishedAt":391,"locale":22,"heading":16,"desc":16,"posts":392},19,"bfi7bs1ny52g8tz3ok8wrngy","macOS","macos","2026-05-16T10:33:46.268Z","2026-05-16T10:33:46.265Z",[393,394],{"id":43,"documentId":44},{"id":58,"documentId":59},{"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,"posts":396},[397,398],{"id":55,"documentId":56},{"id":79,"documentId":6},{"id":400,"documentId":401,"name":402,"slug":403,"textcolor":16,"bgcolor":16,"published":17,"uri":404,"createdAt":405,"updatedAt":405,"publishedAt":406,"locale":22,"heading":407,"desc":123,"posts":408},31,"dcyh9y95rmthzo6oip4ftoez","AI","ai","\u002Fai","2026-05-30T10:54:12.198Z","2026-05-30T10:54:12.192Z","Искусственный интеллект",[409,410],{"id":99,"documentId":100},{"id":102,"documentId":103},{"id":105,"documentId":412,"name":413,"slug":414,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":415,"updatedAt":415,"publishedAt":416,"locale":22,"heading":16,"desc":16,"posts":417},"tfr5asfr2apchhtgxje8epz1","Стихи","stihi","2026-05-16T10:03:43.872Z","2026-05-16T10:03:43.861Z",[418],{"id":26,"documentId":27},{"id":420,"documentId":421,"name":422,"slug":423,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":424,"updatedAt":424,"publishedAt":425,"locale":22,"heading":16,"desc":16,"posts":426},5,"c7joczpqlb928nxr2l5qyg9m","Мысли","mysli","2026-05-16T10:03:44.061Z","2026-05-16T10:03:44.054Z",[427],{"id":115,"documentId":116},{"id":429,"documentId":430,"name":431,"slug":432,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":433,"updatedAt":433,"publishedAt":434,"locale":22,"heading":16,"desc":16,"posts":435},8,"dwpf4sx017aq366ygh46evsc","Психология","psihologiya","2026-05-16T10:03:44.268Z","2026-05-16T10:03:44.264Z",[436],{"id":118,"documentId":119},{"id":438,"documentId":439,"name":440,"slug":441,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":442,"updatedAt":442,"publishedAt":443,"locale":22,"heading":16,"desc":16,"posts":444},13,"qolbs7a9lkvr15oytyy3gj03","CSS","css","2026-05-16T10:03:45.289Z","2026-05-16T10:03:45.283Z",[445],{"id":81,"documentId":82},{"id":447,"documentId":448,"name":449,"slug":450,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":451,"updatedAt":451,"publishedAt":452,"locale":22,"heading":16,"desc":16,"posts":453},14,"lz1k1ridxwxre34lzf0jfl3t","SASS","sass","2026-05-16T10:03:45.319Z","2026-05-16T10:03:45.314Z",[454],{"id":81,"documentId":82},{"id":456,"documentId":457,"name":458,"slug":459,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":460,"updatedAt":460,"publishedAt":461,"locale":22,"heading":16,"desc":16,"posts":462},16,"czaf643kmvvab1xf4gx3ddh9","VPN","vpn","2026-05-16T10:03:45.455Z","2026-05-16T10:03:45.446Z",[463],{"id":84,"documentId":85},{"id":465,"documentId":466,"name":467,"slug":468,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":469,"updatedAt":469,"publishedAt":470,"locale":22,"heading":16,"desc":16,"posts":471},18,"gpitv9ds3usb3p8j7sgajglb","SEO","seo","2026-05-16T10:33:46.002Z","2026-05-16T10:33:45.995Z",[472],{"id":46,"documentId":47},{"id":474,"documentId":475,"name":476,"slug":477,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":478,"updatedAt":478,"publishedAt":479,"locale":22,"heading":16,"desc":16,"posts":480},21,"htsr27rbn93onqsys2gavt4m","Phpstorm","phpstorm","2026-05-16T10:33:46.959Z","2026-05-16T10:33:46.956Z",[481],{"id":55,"documentId":56},{"id":483,"documentId":484,"name":485,"slug":486,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":487,"updatedAt":487,"publishedAt":488,"locale":22,"heading":16,"desc":16,"posts":489},29,"l9ruh02w7yl3rvez05s8ndv7","Node.js","node-js","2026-05-16T10:33:47.947Z","2026-05-16T10:33:47.944Z",[490],{"id":73,"documentId":74},{"id":492,"documentId":493,"name":494,"slug":495,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":496,"updatedAt":496,"publishedAt":497,"locale":22,"heading":16,"desc":16,"posts":498},30,"xkffo03bgoiimugiwqgryrx0","Крипта","kripta","2026-05-16T10:33:48.241Z","2026-05-16T10:33:48.237Z",[499],{"id":87,"documentId":88}]