Atom에 sass를 도입해 보았다.

이전에는 could9에서 sass를 사용하고 있었지만, 언제나 사용하고 있는 에디터의 atom에 도입하려고 생각했기 때문에.

도입 방법

배포에는 "nodo.js"와 "node-sass"의 설치가 필요합니다.
Atom에는 패키지로 "sass-autocompile"가 있으므로 그 설치까지 정리해 갑니다.

node.js 설치

공식 사이트 : htps : // 그래서 js. 오 rg / 그럼 /

공식 사이트에서 설치합니다.

터미널에서 node-v를 치고 설치되어 있는지 확인.npm -v도 동시에 설치되어 있으므로 이쪽도 일단 이쪽도 확인.

node -v
 v8.11.4
npm -v
 5.6.0

좋아, 설치 할 수 있네요.

node-sass 설치

다음으로 node-sass를 설치하기 위해 터미널에
npm install -g node-sass를 박는다.

npm install -g node-sass

그러나 오류가 나와 설치되지 않았습니다 ....


오류는 액세스 권한이 없다는 것입니다.

아래의 사이트를 바탕으로 에러를 해결해 나간다.
참조 : htp : // 코데와 fly. 이 m / 오테 rs / 그래서 js - 그래서 - 어 - 니 s t l /
참조 : htps : // 코 m / 오코 ysm / ms / 세 d3c3에서 30 아 f1035242d

우선은 npm config get prefix 로 확인해 본다.

npm config get prefix

그러면 결과는 여기

/user/local

npm 폴더의 소유자를 자신의 사용자 이름으로 변경하고 내포된 폴더 등의 권한도 이것으로 바꾸기 위해 아래의 명령을 친다.

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

다시 설치를 시도합니다.

npm install -g node-sass

안전하게 설치할 수있었습니다! ! !

확인으로 node-sass -v 로 인스톨이 생겼는지 봐 본다.

node-sass -v

그래! 무사히 설치할 수 있었습니다!

보충: Finder에서/user/local로 이동하고 싶었지만 찾을 수 없습니다 ~라고 생각했지만,
Finder의 메뉴에서 「이동」→「폴더로 이동」을 선택.
/user/lodal을 입력하면 이동할 수 있었습니다(^^)
참조 : htp://d. 하테나. 네. jp / st st / 20120515 / 1337069061

atom으로 패키지 설치

Atom을 열고 환경 설정 설치에서 sass-autocompile를 설치합니다.


마찬가지로 환경 설정 패키지에 추가되어 넣으면 성공입니다! !


실제로는, 에러의 곳입니다

도입을 생각하는 사람은 참고하십시오. 수고하셨습니다! ! !