scss를 css로 변환
누구든지이 코드를 표준 CSS로 어떻게 변환 할 수 있는지 알고 있습니까? 에디터에서 작동하지 않습니다.
http://codepen.io/andymcfee/pen/eyahr
CSS (SCSS)
CodePen 에서 제목을 클릭 하면 (기어로 전처리기를 변경하지 마십시오) 컴파일 된 CSS보기로 전환됩니다.
터미널에서 systlesheets가있는 폴더에서이 명령을 실행하십시오.
sass --watch style.scss:style.css
출처:
.scss
파일 의 변경 사항을 발견 할 때마다 업데이트됩니다..css
이것은 .scss
로컬 컴퓨터에 있을 때만 작동 합니다. 코드를 파일에 복사하고 로컬에서 실행 해보십시오.
이것은 온라인 / 오프라인 솔루션이며 변환하기 매우 쉽습니다. SCSS에서 CSS로 변환
우선, 루비가 컴퓨터에 없다면 설치해야합니다.
1. 터미널 창을 엽니 다. 2. which ruby 명령을 실행하십시오.
If you see a path such as /usr/bin/ruby
, Ruby is installed. If you don't see any response or get an error message, Ruby is not installed. To verify that you have a current version of Ruby, run the command ruby -v
.
If ruby is not installed on your machine then
sudo apt-get install ruby2.0
sudo apt-get install ruby2.0-dev
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1
After then install Sass gem by running this command
sudo gem install sass --no-user-install
Then copy or add any .sass file and go to that file path and then
sass --watch style.scss:style.css
When ever it notices a change in the .scss file it will update your .css
This only works when your .scss is on your local machine. Try copying the code to a file and running it locally.
You can use sass /sassFile.scss /cssFile.css
Attention: Before using
sass
command you must install ruby and then install sass.For installing sass, after ruby installation type
gem install sass
in your TerminalHint: sass compile
SCSS
files
아래 명령을 사용하여 Ruby-sass 설치
sudo apt-get -y update
sudo apt-get -y install ruby-full
sudo apt install ruby-sass
gem install bundler
예
sass SCSS_FILE_PATH : CSS_FILE_PATH;
예 : sass mda / at-md-black.scss : css / at-md-black.css;
참고 URL : https://stackoverflow.com/questions/13649471/converts-scss-to-css
'programing' 카테고리의 다른 글
RabbitMQ에 Nodedown 오류가 있습니다. (0) | 2020.12.06 |
---|---|
Python에서 값 전달 (0) | 2020.12.06 |
CoordinatorLayout의 자식 인 Scrollview와 함께 도구 모음이 축소되지 않습니다. (0) | 2020.12.06 |
목록에서 단어의 빈도를 계산하고 빈도별로 정렬 (0) | 2020.12.06 |
Android 암시 적 인 텐트 VS 명시 적 인 텐트 (0) | 2020.12.06 |