VScode 자동 완성 CSS 3 접두사 플러그 인 및 잘못된 해결 방법 설정

1.vscode 에서 Autoproixer 검색

2.설치 완료 후 설정
접 두 사 를 추가 해 야 하 는 css 파일 에 명령 패 널 을 오른쪽 클릭 하고 Autoprefixer CSS 를 입력 하면 됩 니 다.
ps:호환성 이 가장 좋 으 려 면 설정 파일 setting.json 에 추가 해 야 합 니 다.
(설정 열기->autoprefixer 검색->setting.json 에서 편집 하려 면 누 르 십시오)

//           ,               ![         ](https://img-blog.csdnimg.cn/20200322110802391.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjUxMzY2NA==,size_16,color_FFFFFF,t_70)
"autoprefixer.browsers": [
    "last 3 versions",
    "ie >= 10",
    "ie_mob >= 10",
    "ff >= 30",
    "chrome >= 34",
    "safari >= 6",
    "ios >= 6",
    "android >= 4.4"
  ],
3.보완 할 CSS 파일 중 ctrl+shift+p 를 선택 하고 Autoprofixer 를 선택 하면 자동 으로 완성 할 수 있 습 니 다.
그러나 저 는 한 가지 문 제 를 발 견 했 습 니 다.autoprefixer 3.0.0 버 전에 서 autoprefixer.browsers 는 어두 운 색 입 니 다.즉,무효 입 니 다.힌트 는 관련 설정 이 없습니다.그림 과 같 습 니 다.

2.0.0 버 전 으로 가면 돼 요.

VScode 자동 완성 CSS 3 접두사 플러그 인 및 잘못된 해결 방법 설정 에 대한 자세 한 설명 은 여기 서 소개 합 니 다.더 많은 관련 VScode 자동 완성 CSS 3 접두사 내용 은 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 지원 바 랍 니 다!

좋은 웹페이지 즐겨찾기