하루하나
close
프로필 배경
프로필 로고

하루하나

  • ALL (217)
    • 쿠베플로우 kubeflow (1)
    • React Native (1)
      • Expo (1)
    • Programming (187)
      • spring+jwt+react (4)
      • wordpress (3)
      • Vultr (1)
      • Flutter (3)
      • Vue-project (1)
      • Vue-tip (17)
      • AngularJS (12)
      • Bootstrap (2)
      • Book (1)
      • CentOS (5)
      • Code (0)
      • Css (13)
      • Docker (7)
      • Eclipse (1)
      • Freemarker (1)
      • Git (9)
      • Front-End (6)
      • Error (7)
      • Gulp.js (0)
      • Java (12)
      • Python (5)
      • Javascript (19)
      • JPA (5)
      • jQuery (2)
      • Mac (6)
      • MySql (4)
      • Springboot (21)
      • Springboot-blog (0)
      • Daily (1)
      • Springboot-tip (3)
      • Spring (1)
      • Thymeleaf (1)
      • Tomcat (1)
      • Typescript (3)
      • Tool (5)
      • Sql (1)
      • prisma (1)
      • react (1)
    • Life (14)
      • Review (0)
      • Tip (3)
      • 리뷰 (8)
      • 부동산 (2)
  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

Vue.js에서 scss 사용하기

Vue-cli에서 프로젝트를 만들때 Css Pre-processors에서 SASS를 선택하면 아래 설정없이 바로 style에서 선언하여 사용가능합니다. 1 2 3 4 5 6 7 cs 만약 cli를 이용해서 생성시에 설정을 해주지 않았으면 아래처럼 별도로 설치후 사용하시면 됩니다. -------------------- Vue-cli 로 설치할 경우 간단한 설정만으로도 scss를 사용할수 있습니다 . scss는 css를 좀더 편하게 사용할수 있게 해주는 확장언어입니다. (http://sass-lang.com/) 사용방법은 우선 "sass-loader","node-sass" js dependency를 추가합니다. npm install sass-loader node-sass --save-dev webpack.b..

  • format_list_bulleted Programming/Vue-tip
  • · 2018. 5. 3.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • navigate_next
반응형
공지사항
전체 카테고리
  • ALL (217)
    • 쿠베플로우 kubeflow (1)
    • React Native (1)
      • Expo (1)
    • Programming (187)
      • spring+jwt+react (4)
      • wordpress (3)
      • Vultr (1)
      • Flutter (3)
      • Vue-project (1)
      • Vue-tip (17)
      • AngularJS (12)
      • Bootstrap (2)
      • Book (1)
      • CentOS (5)
      • Code (0)
      • Css (13)
      • Docker (7)
      • Eclipse (1)
      • Freemarker (1)
      • Git (9)
      • Front-End (6)
      • Error (7)
      • Gulp.js (0)
      • Java (12)
      • Python (5)
      • Javascript (19)
      • JPA (5)
      • jQuery (2)
      • Mac (6)
      • MySql (4)
      • Springboot (21)
      • Springboot-blog (0)
      • Daily (1)
      • Springboot-tip (3)
      • Spring (1)
      • Thymeleaf (1)
      • Tomcat (1)
      • Typescript (3)
      • Tool (5)
      • Sql (1)
      • prisma (1)
      • react (1)
    • Life (14)
      • Review (0)
      • Tip (3)
      • 리뷰 (8)
      • 부동산 (2)
최근 글
인기 글
최근 댓글
태그
  • #javascript
  • #springboot
  • #error
  • #JPA
  • #MySQL
  • #css
  • #sts
  • #GIT
  • #AngularJS
  • #Vue
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바