inflearn logo
강의

講義

知識共有

SCSS(SASS)+FLEX 実戦レスポンシブWebプロジェクト with Figma

ビジュアルスタジオコードでLive Sass Compilerを設定して使用する(1)

scss 히스토리 파일

453

charlette12031408

投稿した質問数 2

1

 

style.scss가 사진처럼 여러 파일로 히스토리가 남게 저장됩니다. 삭제를 해도 watch css를 하면 다시 파일이 만들어지는데.. 아예 히스토리 안남게 하는 방법이 있을까요 ?

HTML/CSS javascript sass jquery scss

回答 2

0

codingworks

Live Sass Compiler 세팅에서는 특별히 히스토리 옵션이 없는데요?

image

구글링을 해봤는데 히스토리 옵션에 대한 부분을 찾지 못해어요.
저도 솔직히 모르겠습니다.

Live Sass Compiler 익스텐션 삭제 후 재설치 해보세요.

1

charlette12031408

image

glob patterns are accepted

아래

node_modules

.vscode

2개만 포함되어있어서

상단 예시처럼 .history를 추가했더니 히스토리 파일이 재생성되지 않네요 !

 

삭제해도 watching만 하면 히스토리 파일들이 재생성되서 골치 아팠는데

동일한 문제 있으신 분들 이 설정 확인해보시면 될 것 같습니다. ~

0

codingworks

저는 히스토리 파일을 생성하는 옵션이 있는지 몰랐어요.

settings.json 파일에 있는 Live Sass Compiler 부분 세팅 코드를 올려주세요.

0

charlette12031408

/* 작업영역 settings.json */

{
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/1200_Client/src/css",
      "savePathReplacementPairs": null
    }
  ],
  "liveServer.settings.port": 5501,
  "liveSassCompile.settings.useNewCompiler": false
}

0

charlette12031408

/* 사용자 setting.json */

{
  "workbench.colorTheme": "Monokai",
  "security.workspace.trust.untrustedFiles": "open",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "files.exclude": {
    "**/.classpath": true,
    "**/.project": true,
    "**/.settings": true,
    "**/.factorypath": true
  },
  "terminal.integrated.enableMultiLinePasteWarning": false,
  "emmet.excludeLanguages": [],
  "php.validate.enable": false,
  "php.validate.executablePath": "/opt/homebrew/bin/php",
  "liveServer.settings.CustomBrowser": "chrome",
  "liveServer.settings.ChromeDebuggingAttachment": false,
  "files.associations": {},
  "php.suggest.basic": false,
  "workbench.iconTheme": "material-icon-theme",
  "html.autoClosingTags": false,
  "html.format.enable": false,
  "emmet.triggerExpansionOnTab": true,
  "json.schemas": [],
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "foreground": "#ffc2c2c5",
          "fontStyle": "italic"
        }
      }
    ]
  },
  "editor.minimap.enabled": false,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "[php]": {},
  "liveServer.settings.donotShowInfoMsg": true,
  "tailwindCSS.experimental.classRegex": ["className: '([^']*)'"],
  "editor.formatOnSave": true,
  "prettier.arrowParens": "avoid",
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.renderWhitespace": "all",
  "files.eol": "\n",
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#24b43c",
    "titleBar.inactiveBackground": "#24b43c"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "diffEditor.ignoreTrimWhitespace": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/css",
      "savePathReplacementPairs": null
    }
  ],
  "liveSassCompile.settings.generateMap": false,
  "liveSassCompile.settings.autoprefix": [],
  "liveSassCompile.settings.includeItems": []
}

SCSS에서 @keyframes 사용

1

105

1

전체 색 설정 질문

1

132

2

피그마 원본 다운로드

1

327

2

영상 싱크가 맞지 않습니다!

1

165

2

수강평 작성이 안되네요..

1

149

1

피그마로 셀렉트 박스 인터렉션도 되도록 하려면?

1

223

1

피그마 ai 기능 괜찮은거 추천해주실수 있나요?

1

196

1

테이블 그리려고 하는데 어려워요

1

234

2

[PC 레이아웃 상세 퍼블리싱 - 인클루드] class-detail 에서 인클루드가 작동하지 않아요.

1

180

3

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

1

145

1

활성화 중인 scss 하나만 css 로 컴파일 가능할까요?

1

295

2

실수로 style.css를 지워버렸습니다...

1

191

1

slick slide 클레스 네임 관련

1

261

1

live server는 적용되는데 index.html을 더블클릭하면 아무것도 안되어 있어요..

1

382

1

장바구니페이지 관련 질문입니다.

1

288

1

네비게이션 클릭시 헤더높이로 인해 제목 가리는 부분 해결방안

4

310

1

소스텍스트는 제공이 안되나요?

1

285

1

섹션 4. SCSS 핵심 이론(Essential Theory) 완성예제는 따로 없을까요?

1

271

2

SCSS

1

281

2

scss

1

381

3

spoqa han sans neo

1

1031

3

모바일웹 소스가 없습니다.

0

278

1

figma 파일 임포팅이 되지 않습니다.

1

2055

2

Html 코드 스니펫 문의

1

283

1