PHPStorm 사용팁을 공유해주세요.
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
첨부파일 https://eond.com/phpstorm/429781

https://eond.com/phpstorm/426378 

이렇게 그냥 단순 파일만 해서는 안되고, npm 을 먼저 설치를 해야하는 거였더군요.

저도 삽질해서 해놓고 나중에야 정리해서 한다고 했더니 군데군데 빈틈이 많네요. ㅠ


nodejs 설치하기

https://nodejs.org/en/#download


node-sass 설치하기

https://www.npmjs.com/package/node-sass 

npm i node-scss


삽질기록



Microsoft Windows [Version 10.0.18363.535]
(c) 2019 Microsoft Corporation. All rights reserved.


C:\Wnmp\html\node_modules>npm install node-sass
npm WARN enoent ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm WARN html No description
npm WARN html No repository field.
npm WARN html No README data
npm WARN html No license field.


npm ERR! code ENOENT
npm ERR! syscall chmod
npm ERR! path C:\Wnmp\html\node_modules\node-sass\bin\node-sass
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, chmod 'C:\Wnmp\html\node_modules\node-sass\bin\node-sas
s'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent


npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\eond\AppData\Roaming\npm-cache\_logs\2020-01-10T06_59_48_838Z-debug.log


C:\Wnmp\html\node_modules>npm


Usage: npm <command>


where <command> is one of:
    access, adduser, audit, bin, bugs, c, cache, ci, cit,
    clean-install, clean-install-test, completion, config,
    create, ddp, dedupe, deprecate, dist-tag, docs, doctor,
    edit, explore, fund, get, help, help-search, hook, i, init,
    install, install-ci-test, install-test, it, link, list, ln,
    login, logout, ls, org, outdated, owner, pack, ping, prefix,
    profile, prune, publish, rb, rebuild, repo, restart, root,
    run, run-script, s, se, search, set, shrinkwrap, star,
    stars, start, stop, t, team, test, token, tst, un,
    uninstall, unpublish, unstar, up, update, v, version, view,
    whoami


npm <command> -h  quick help on <command>
npm -l            display full usage info
npm help <term>   search for help on <term>
npm help npm      involved overview


Specify configs in the ini-formatted file:
    C:\Users\eond\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config


npm@6.13.4 C:\Program Files\nodejs\node_modules\npm


C:\Wnmp\html\node_modules>npm install
npm WARN deprecated undefined@0.1.0: this package has been deprecated
npm WARN saveError ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm WARN html No description
npm WARN html No repository field.
npm WARN html No README data
npm WARN html No license field.


removed 1 package and audited 34656 packages in 3.296s
found 494 vulnerabilities (6 low, 488 high)
  run `npm audit fix` to fix them, or `npm audit` for details


C:\Wnmp\html\node_modules>npm update
npm WARN enoent ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm WARN html No description
npm WARN html No repository field.
npm WARN html No README data
npm WARN html No license field.


+ lodash.mergewith@4.6.2
updated 1 package and audited 34656 packages in 2.442s
found 493 vulnerabilities (6 low, 487 high)
  run `npm audit fix` to fix them, or `npm audit` for details


C:\Wnmp\html\node_modules>find node-scss
FIND: 매개 변수 형식이 틀립니다.


C:\Wnmp\html\node_modules>npm install node-scss
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/node-scss - Not found
npm ERR! 404
npm ERR! 404  'node-scss@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.


npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\eond\AppData\Roaming\npm-cache\_logs\2020-01-10T07_02_23_036Z-debug.log


C:\Wnmp\html\node_modules>npm i node-sass


> node-sass@4.13.0 install C:\Wnmp\html\node_modules\node-sass
> node scripts/install.js


Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.0/win32-x64-72_binding.n
ode
Download complete  ] - :
Binary saved to C:\Wnmp\html\node_modules\node-sass\vendor\win32-x64-72\binding.node
Caching binary to C:\Users\eond\AppData\Roaming\npm-cache\node-sass\4.13.0\win32-x64-72_binding.node


> node-sass@4.13.0 postinstall C:\Wnmp\html\node_modules\node-sass
> node scripts/build.js


Binary found at C:\Wnmp\html\node_modules\node-sass\vendor\win32-x64-72\binding.node
Testing binary
Binary is fine
npm WARN saveError ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Wnmp\html\package.json'
npm WARN html No description
npm WARN html No repository field.
npm WARN html No README data
npm WARN html No license field.


+ node-sass@4.13.0
added 2 packages from 3 contributors and audited 35185 packages in 7.772s
found 498 vulnerabilities (6 low, 492 high)
  run `npm audit fix` to fix them, or `npm audit` for details


C:\Wnmp\html\node_modules>^A

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 42 articles in 1 / 3 pages
번호 제목 제목 날짜날짜 조회 수
공지 [단축키] Php스톰 멀티 셀렉트 | PhpStorm Multy Select 및 키보드 단축키 지정하기 파일 [2] 2015/10/29 544
41 [팁] phpstorm 에서 autoprefixer 사용하는 방법 파일 2020/06/07 37
40 [팁] [phpstorm] file watcher - scss - sourcemap 만드는 방법 파일 2019/10/17 199
39 PhpStorm icon file type change 파일 2020/05/07 12
38 [잡담] phpstorm에서 github 커밋, 푸시 해보기 파일 2020/05/07 9
37 PHPStorm에서 깃헙 github 사용하는 방법 파일 2020/05/06 14
36 [phpstorm] [mac] 줄 찾기 단축키 2020/04/10 10
35 [팁] [phpstorm] Using ssh terminal 파일 2020/04/10 8
34 [팁] 자동 줄바꿈 설정 파일 2020/03/06 75
33 [스크랩] scss min option 파일 2020/03/03 10
32 [팁] [phpstorm] 에디터에 세로 흰줄, 파일 2020/01/12 30
현재글 [팁] 새 노트북에 node-scss 환경 세팅하기 파일 2020/01/10 63
30 [팁] PhpStorm Project Path Change / 프로젝트 경로 변경 파일 2020/01/09 7
29 [팁] phpstorm Internal error 파일 2019/11/20 73
28 [팁] 비밀글 [phpstorm] proxy host error 2019/10/05 0
27 [팁] body 태그 아래에  나타나는 현상 고치기 파일 2019/01/28 38
26 [팁] [PHPStorm] Minifying JavaScript 2018/08/27 75
25 [잡담] phpstorm 업데이트 중 ;ㅁ; 파일 2018/08/01 50
24 [잡담] Phpstorm 자동저장 2017/12/11 192
23 [팁] phpstorm 저장시 스페이스바 삭제/줄끝 공백 제거 2017/12/04 556

해시태그 디렉터리