/*! For license information please see 052a397a.6519b978.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[4062],{77303:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>r,contentTitle:()=>l,default:()=>g,frontMatter:()=>o,metadata:()=>a,toc:()=>u});var n=t(85893),i=t(11151);const o={title:"Vscode extensions useful",authors:"hunghg",tags:["vscode","extensions","css","tips"],image:"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/1200px-Visual_Studio_Code_1.35_icon.svg.png"},l=void 0,a={permalink:"/blog/vscode-extensions-useful",editUrl:"https://github.com/hunghg255/web-totals/tree/main/blog/vscode-extensions-useful.md",source:"@site/blog/vscode-extensions-useful.md",title:"Vscode extensions useful",description:"Extensions useful on vscode",date:"2023-04-24T17:21:54.000Z",formattedDate:"April 24, 2023",tags:[{label:"vscode",permalink:"/blog/tags/vscode"},{label:"extensions",permalink:"/blog/tags/extensions"},{label:"css",permalink:"/blog/tags/css"},{label:"tips",permalink:"/blog/tags/tips"}],readingTime:.135,hasTruncateMarker:!0,authors:[{name:"Gia Hung",title:"Creator of Web totals",url:"https://github.com/hunghg255",email:"giahung197bg@gmail.com",imageURL:"https://res.cloudinary.com/hunghg255/image/upload/v1654956015/Screen_Shot_2022-06-07_at_11.25.34_bpnymt.png",key:"hunghg"}],frontMatter:{title:"Vscode extensions useful",authors:"hunghg",tags:["vscode","extensions","css","tips"],image:"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/1200px-Visual_Studio_Code_1.35_icon.svg.png"},unlisted:!1,prevItem:{title:"Centering in CSS",permalink:"/blog/center-css"},nextItem:{title:"Convert svgs file to jsx by one script",permalink:"/blog/convert-svgs-to-jsx"}},r={authorsImageUrls:[void 0]},u=[{value:"1. Agile CSS Suggestion",id:"1-agile-css-suggestion",level:2},{value:"Result",id:"result",level:2},{value:"2. CSS to Tailwindcss",id:"2-css-to-tailwindcss",level:2},{value:"Result",id:"result-1",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",p:"p",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"Extensions useful on vscode"}),"\n",(0,n.jsx)(s.h2,{id:"1-agile-css-suggestion",children:"1. Agile CSS Suggestion"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.a,{href:"https://marketplace.visualstudio.com/items?itemName=AgileCssSuggestion.agile-css-suggestion",children:"Agile CSS Suggestion"})}),"\n",(0,n.jsx)(s.h2,{id:"result",children:"Result"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://res.cloudinary.com/hunghg255/image/upload/v1682245314/agile-css-suggestion_jxh0ys.png",alt:""})}),"\n",(0,n.jsx)(s.h2,{id:"2-css-to-tailwindcss",children:"2. CSS to Tailwindcss"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.a,{href:"https://marketplace.visualstudio.com/items?itemName=hunghg255.css-2-tailwindcss",children:"CSS to Tailwindcss"})}),"\n",(0,n.jsx)(s.h2,{id:"result-1",children:"Result"}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://res.cloudinary.com/hunghg255/image/upload/v1685594372/css2tailwindcss-demo_lzpyfi.gif",alt:""})})]})}function g(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},75251:(e,s,t)=>{var n=t(67294),i=Symbol.for("react.element"),o=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function u(e,s,t){var n,o={},u=null,c=null;for(n in void 0!==t&&(u=""+t),void 0!==s.key&&(u=""+s.key),void 0!==s.ref&&(c=s.ref),s)l.call(s,n)&&!r.hasOwnProperty(n)&&(o[n]=s[n]);if(e&&e.defaultProps)for(n in s=e.defaultProps)void 0===o[n]&&(o[n]=s[n]);return{$$typeof:i,type:e,key:u,ref:c,props:o,_owner:a.current}}s.Fragment=o,s.jsx=u,s.jsxs=u},85893:(e,s,t)=>{e.exports=t(75251)},11151:(e,s,t)=>{t.d(s,{Z:()=>a,a:()=>l});var n=t(67294);const i={},o=n.createContext(i);function l(e){const s=n.useContext(o);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function a(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:l(e.components),n.createElement(o.Provider,{value:s},e.children)}}}]);