찾다
웹 프론트엔드CSS 튜토리얼내 VS 코드 워크 플로 (작업 속도, 아이콘, 작업)의 약간의 개선 사항

vs 코드 워크 플로우 개선 : 작업 공간, 아이콘 및 작업

최근에 나는 이전에 알지 못하는 VS 코드 기능을 발견했습니다. 프로젝트 폴더가 열려있는 동안 다른 루트 폴더를 동일한 창에 추가 할 수 있습니다. 나는 항상 프로젝트를 열면 하나의 최상위 루트 폴더 만 가질 수 있다고 생각했으며 다른 폴더를 열어야하는 경우 새 창에서 열어야합니다. 그러나 그것은 사실이 아닙니다!

Codepen에서는 "Dual Repository"모드 (기본 Ruby on Rails 응용 프로그램, 마이크로 서비스)를 사용하며 이제 동시에 두 리포지토리를 모두 열 수 있습니다.

이제 두 프로젝트를 검색하고 기본적으로 큰 프로젝트로 처리 할 수 ​​있습니다.

이 작업을 처음 수행 한 다음 VS 코드 창을 닫으면 "작업 공간"을 저장할 것인지 묻습니다. 나는 항상 약간의 문제를 느꼈습니다. 파일을 만들 것이라고 생각하고 그러한 파일을 저장할 적절한 장소가 없습니다 (다른 파일에 내 시스템을 부과하고 싶지 않기 때문에 저장소에 넣는 것을 피합니다).

결국, 나는 게으름을 극복하고 모든 .code-workspace 파일을 저장하는 로컬 폴더를 만듭니다. 이 파일은 매우 유용합니다. 도크에 추가하고 한 번의 클릭으로 설정 한 작업 공간을 열 수 있습니다.

사용자 정의 작업 공간 아이콘

작업 공간 파일에는 특수 아이콘이 있습니다.

이 파일을 도크에 넣었으므로 사용자 정의 아이콘을 만들려고 생각했습니다! 이렇게하면 하루에 여러 번 열 수 있기 때문에 작업 공간을 한눈에 분명하게하고 사용하기가 더 편리합니다.

원래 아이콘에서 SVG 로고를 가져 와서 프로젝트 로고의 오른쪽 하단에 배치했습니다.

MacOS의 로고 변경은 매우 간단합니다. 파일을 마우스 오른쪽 버튼으로 클릭하고 "소개 표시"를 선택한 다음 패널의 로고를 클릭 한 다음 새 사진을 붙여 넣습니다.

이제 도크에 저장하고 한 번의 클릭으로 모든 프로젝트를 열 수 있습니다.

프로젝트를 열 때 터미널 명령을 시작하십시오

이 편리한 원 클릭 프로젝트 오프닝 아이콘이 있었으므로“프로젝트 시작 명령을 시작할 수 있다면 멋질 것입니다!”라고 생각했습니다. 분명히, 그것은 작업의 일이며 설정하기가 어렵지 않습니다 (감사합니다 Andrew!). .vscode/tasks.json 파일에서 다음을 추가했습니다.

 {
  "버전": "2.0.0",
  "작업": [
    {
      "레이블": "gulp",
      "유형": "쉘",
      "명령": "gulp",
      "작업": "기본값",
      "프레젠테이션": {
        "포커스": 거짓,
        "패널": "공유",
        "showreusemessage": True,
        "Clear": True
      },
      "Runoptions": {
        "Runon": "Folderopen"
      }
    }
  ]]
}

이 작업 공간을 열 때마다 gulp 명령을 시작합니다. 올바른 권한을 갖도록 작업을 수동으로 (터미널 → 작업 실행) 실행해야한다고 생각합니다.

설정을 무시합니다

이것은 단지 작업 공간 별 기능이라고 생각하지 않지만 .vscode/settings.json 파일을 사용하여 프로젝트 폴더의 VS 코드 설정을 덮어 쓰고 싶습니다.

예를 들어, CSS- 트릭에는 Gulp Preprocesss .scss .css 로. 이것은 괜찮지 만 선택기를 검색 할 수 있습니다. 기본 CSS를 사용하지 않기 때문에 .css 에서 볼 필요가 없습니다. 이것을 설정 파일에 추가하고 모든 프로젝트가 아니라이 프로젝트에만 작동한다는 것을 알 수 있습니다.

 {
  "search.exclude": {
    "**/*. CSS": 사실,
  }
} 

내 VS 코드 워크 플로 (작업 속도, 아이콘, 작업)의 약간의 개선 사항

위 내용은 내 VS 코드 워크 플로 (작업 속도, 아이콘, 작업)의 약간의 개선 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
마우스 움직임을 시뮬레이션합니다마우스 움직임을 시뮬레이션합니다Apr 22, 2025 am 11:45 AM

라이브 토크 나 수업 중에 대화식 애니메이션을 표시해야한다면 슬라이드와 상호 작용하기가 항상 쉽지 않다는 것을 알 수 있습니다.

Astro Actions 및 Fuse.js로 검색을 전원합니다Astro Actions 및 Fuse.js로 검색을 전원합니다Apr 22, 2025 am 11:41 AM

Astro를 사용하면 빌드 중에 대부분의 사이트를 생성 할 수 있지만 Fuse.js와 같은 것을 사용하여 검색 기능을 처리 할 수있는 작은 서버 측 코드가 있습니다. 이 데모에서는 퓨즈를 사용하여 개인 "북마크"세트를 검색합니다.

정의되지 않은 : 세 번째 부울 가치정의되지 않은 : 세 번째 부울 가치Apr 22, 2025 am 11:38 AM

문서가 저장되는 동안 Google 문서에서 볼 수있는 것과 유사한 프로젝트 중 하나에서 알림 메시지를 구현하고 싶었습니다. 다시 말해, a

제 3의 진술의 방어에서제 3의 진술의 방어에서Apr 22, 2025 am 11:25 AM

몇 달 전에 나는 해커 뉴스를 썼고 (하나와 마찬가지로) IF 문을 사용하지 않는 것에 대한 (현재 삭제 된) 기사를 가로 질러 달렸습니다. 이 아이디어를 처음 접한다면 (나처럼

다국어 번역에 웹 스피치 API 사용다국어 번역에 웹 스피치 API 사용Apr 22, 2025 am 11:23 AM

공상 과학 소설의 초기부터 우리는 우리와 대화하는 기계에 대해 환상을 가지고 있습니다. 오늘은 평범합니다. 그럼에도 불구하고 제작 기술

Jetpack Gutenberg 블록Jetpack Gutenberg 블록Apr 22, 2025 am 11:20 AM

Gutenberg가 핵심으로 풀려 났을 때를 기억합니다. 왜냐하면 나는 그날 WordCamp에 있었기 때문입니다. 지금은 몇 달이 지났으므로 점점 더 많은 것을 상상합니다.

VUE에서 재사용 가능한 페이지 매김 구성 요소 생성VUE에서 재사용 가능한 페이지 매김 구성 요소 생성Apr 22, 2025 am 11:17 AM

대부분의 웹 애플리케이션의 배후에있는 아이디어는 데이터베이스에서 데이터를 가져 와서 최상의 방법으로 사용자에게 제시하는 것입니다. 우리가 거기에서 데이터를 다룰 때

'Box Shadows'와 Clip-Path를 함께 사용합니다'Box Shadows'와 Clip-Path를 함께 사용합니다Apr 22, 2025 am 11:13 AM

#039;는 당신이 의미있는 것처럼 보일 수있는 상황에 대한 약간의 단계를 수행하자. 이것에서

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.