Js-beautify: js-beautify ์„ค์น˜ ์‹คํŒจ

์— ๋งŒ๋“  2017๋…„ 09์›” 18์ผ  ยท  249์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: beautify-web/js-beautify

์„ค๋ช…

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ข…์†๋œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์„ค์น˜ํ•˜๋ ค๊ณ  ํ•˜๋Š”๋ฐ ์˜ค๋Š˜๋ถ€ํ„ฐ(์ง€๋‚œ ์ฃผ์— ๋งˆ์ง€๋ง‰์œผ๋กœ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค) ์ข…์†์„ฑ์„ ์„ค์น˜ํ•  ๋•Œ ๋‹ค์Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

npm ERR! path /Users/daniel.rotter/Development/massiveart/sulu-minimal/vendor/sulu/sulu/node_modules/js-beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod
npm ERR! enoent ENOENT: no such file or directory, chmod '/Users/daniel.rotter/Development/massiveart/sulu-minimal/vendor/sulu/sulu/node_modules/js-beautify/js/bin/css-beautify.js'
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!     /Users/daniel.rotter/.npm/_logs/2017-09-18T05_55_47_583Z-debug.log

์ด๊ฒƒ์€ ์–ด๋–ป๊ฒŒ ๋“  ์ตœ์‹  1.7.0 ๋ฆด๋ฆฌ์Šค์™€ ์—ฐ๊ฒฐ๋œ ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ์•„์ด๋””์–ด๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

๋ฒˆ์‹ ๋‹จ๊ณ„

์ƒˆ ํด๋”๋ฅผ ๋งŒ๋“ค๊ณ  npm install js-beautify ์‚ฌ์šฉํ•˜์—ฌ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ข…์†์„ฑ์œผ๋กœ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ

OS: ๋งฅ OSX 10.11.6

๊ด€๋ จ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋Œ€๋ถ€๋ถ„์˜ PR ํ…œํ”Œ๋ฆฟ์„ ์‚ญ์ œํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@IvanFan ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์•„์ง ์ด ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š์•˜๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ข…์†์„ฑ์— ๋‹ค์Œ ์ค„์„ ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

{
    "dependencies": {
        "js-beautify": "1.6.14"
    }
}

๋ˆ„๋ฝ๋œ ^ ์œ ์˜ํ•˜์„ธ์š”.

๋ชจ๋“  249 ๋Œ“๊ธ€

๋‚˜ 2 ์šฐ๋ฆฌ๋Š” ์ตœ์‹  ์—…๋ฐ์ดํŠธ๋ฅผ ์ค€๋น„ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์ด์ œ ์šฐ๋ฆฌ๋Š” ๋งํ–ˆ์Šต๋‹ˆ๋‹ค ...

@IvanFan fucked์€ IMO๋ฅผ ์กฐ๊ธˆ ๊ณผ์žฅํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค... ์ง€๊ธˆ์€ npm install [email protected] ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค. ์ˆ˜์ • ์‚ฌํ•ญ์ด ๋ฆด๋ฆฌ์Šค๋  ๋•Œ๊นŒ์ง€ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” js-beautify๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ผ๋ถ€ ํƒ€์‚ฌ npm ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
๋‹ค๋ฅธ ์ข…์†์„ฑ์ด ์ด์ „ ๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋„๋ก ๊ฐ•์ œํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

@IvanFan ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์•„์ง ์ด ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š์•˜๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ข…์†์„ฑ์— ๋‹ค์Œ ์ค„์„ ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

{
    "dependencies": {
        "js-beautify": "1.6.14"
    }
}

๋ˆ„๋ฝ๋œ ^ ์œ ์˜ํ•˜์„ธ์š”.

์šฐ๋ฆฌ๋Š” ์—ฟ ...

์šฐ๋ฆฌ๋Š” ์—ฟ ...

์šฐ๋ฆฌ๋Š” ์—ฟ ...

[email protected] ๋Š” ํ”„๋กœ์ ํŠธ ์„ค์น˜๋ฅผ ์ค‘๋‹จํ•˜๊ณ  ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋” ๋‚ฎ์€ ๋ฒ„์ „ 1.6.14๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ์ด๊ฒƒ์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ vue-cli๊ฐ€ ์ค‘๋‹จ๋ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ์—ฟ

์ผ๋ถ€ npm ํŒจํ‚ค์ง€๊ฐ€ ํ˜„์žฌ "js-beautify": "^1.6.14"๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค...

@IvanFan ์›นํŒฉ

@IvanFan ์ƒ๊ด€ ์—†์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ์—์„œ ^ ์—†์ด ์ •์˜ํ•˜๋ฉด ์ •ํ™•ํžˆ ์ด ๋ฒ„์ „์ด ์„ค์น˜๋ฉ๋‹ˆ๋‹ค. ^1.6.14 ๋Š” >= 1.6.14 && < 2.0 ๋ฅผ ์˜๋ฏธํ•˜๋ฏ€๋กœ ์ด๋Ÿฌํ•œ ๋ชจ๋“  ๋ฒ„์ „์—์„œ "์ž‘๋™"ํ•ฉ๋‹ˆ๋‹ค.

{
    "dependencies": {
        "js-beautify": "1.6.14"
    }
}

์ด๊ฒƒ์„ ์ข…์†์„ฑ์— ์ถ”๊ฐ€ํ•˜๋ฉด CI์˜ ๋นŒ๋“œ๊ฐ€ ํ•ด๊ฒฐ๋˜๋ฏ€๋กœ ์ž„์‹œ ์ˆ˜์ •์— ์ข‹์Šต๋‹ˆ๋‹ค. @danrot ๊ฐ์‚ฌ

@danrot ์–ด๋–ป๊ฒŒ

@danrot์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค :)

@zuolin777 ๊ทธ๋Ÿด ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค. "js-beautify": "1.6.14"๋ฅผ package.json ์ข…์†์„ฑ์— ์ถ”๊ฐ€ํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ์—ฟ!!!!
์ง€๊ธˆ์€ ์ผํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

@benjamin658 thx, ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค

์ด ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ๋Š” ์—…๋กœ๋“œ๊ฐ€ 1์‹œ๊ฐ„ ๋ฐ–์— ๋˜์ง€ ์•Š์•„ 30๋ถ„์ด ์กฐ๊ธˆ ๋„˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ˜•ํŽธ์—†๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊ณ ์น  ๊ธฐํšŒ๋ฅผ ์ฃผ๋Š” ๊ฒƒ์€ ์–ด๋–ป์Šต๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ๋” ๋‚˜์€ ๋ฐฉ๋ฒ•์œผ๋กœ ํ’€ ๋ฆฌํ€˜์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์ˆ˜์ •ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

๋‚ด ์†๋‹˜์ด ๋˜์–ด PR์„ ๋งŒ๋“œ์‹ญ์‹œ์˜ค. ์ด๊ฒƒ์€ ์ด ๋ฌธ์ œ์˜ ์˜ํ–ฅ์„ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋ณด๋‚ด๋Š” ์•Œ๋ฆผ์ผ ๋ฟ์ž…๋‹ˆ๋‹ค.

vue-cli ์„ค์น˜ ์‹คํŒจ

vue-cli npm install์€ package.json์— ์ข…์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
"js-beautify": "1.6.14",

@brianmay ๋งˆ์นจ๋‚ด ํ•ฉ๋ฆฌ์ ์ธ ์‚ฌ๋žŒ์ด... ์šฐ๋ฆฌ ๋ชจ๋‘๊ฐ€ ์ง€๊ธˆ ์ผ์„ ๊ทธ๋งŒ๋‘ฌ์•ผ ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์ž„์‹œ ์ˆ˜์ •์ด ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.

๋‚ด ์ƒ๊ฐ์— ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์ฃผ๋กœ ๊ธฐ์—ฌ์ž๋“ค์˜ ์—ฌ๊ฐ€ ์‹œ๊ฐ„์— ์œ ์ง€ ๊ด€๋ฆฌ๋˜๋ฉฐ ์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํƒœ๋„๊ฐ€ ๊ทธ๋‹ค์ง€ ๋™๊ธฐ ๋ถ€์—ฌ๊ฐ€ ๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค... ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ํ›Œ๋ฅญํ•œ ์ž‘์—…์— ๋Œ€ํ•ด ๋งํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. , ๊ทธ๋ฆฌ๊ณ  ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ฏธ๋ฆฌ ๐Ÿ˜ƒ

๋ฌธ์ œ๋Š” vue-cli ์ž์ฒด๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

vue-cli ์ž์ฒด 2๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

npm install [email protected] ์„ฑ๊ณต.

npm install [email protected] ์‹คํŒจ.

์ž„์‹œ ์ˆ˜์ • https://npm.r2net.pro/#/detail/js -beautify ๋˜๋Š” ํƒœ๊ทธ v1.6.14๋ฅผ ์ฒดํฌ์•„์›ƒํ•œ ๋‹ค์Œ ๋กœ์ปฌ์—์„œ ํ˜ธ์ŠคํŠธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ด ํŒฉ์— ์˜์กดํ•˜๋Š” ๋‹ค๋ฅธ ํŒจํ‚ค์ง€๋Š” ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”?

@oronoa 1.6.14 ๋Œ€ํ•œ ๋ฒ„์ „ ์ž ๊ธˆ์ด ์žˆ๋Š” package.json ์— ์ด ํŒจํ‚ค์ง€๋ฅผ ์ถ”๊ฐ€ํ•˜์‹ญ์‹œ์˜ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋ณด๋‹ค ์šฐ์„  ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

@danrot ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

vue-cli์— ๋Œ€ํ•œ ์ž„์‹œ ์ˆ˜์ •:

์ „์—ญ์ ์œผ๋กœ ์„ค์น˜ํ•˜์ง€ ๋ง๊ณ  ์ž„์‹œ ํด๋”์— ์„ค์น˜ํ•˜์‹ญ์‹œ์˜ค.

mkdir C:\vue_cli_temp
cd C:\vue_cli_temp
npm install [email protected]
npm install vue-cli

๊ทธ๋Ÿฐ ๋‹ค์Œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์„ค์น˜๋œ vue-cli๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

C:\vue_cli_temp\node_modules\.bin\vue init simple MyVueProject

๋‚˜๋„, ์ด๊ฑด ๋‚  ๊ตฌํ•ด์ค˜

npm install -g [email protected]

+1

ํŽธ์ง‘: npm install --save [email protected] ์ž‘๋™

์ข…์†์„ฑ์— "js-beautify": "1.6.14"๋ฅผ ์ถ”๊ฐ€ํ•˜๋ผ๋Š” ์ œ์•ˆ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. vuejs๋กœ ์ž‘์—…ํ•˜๋Š” ๋™์•ˆ ๋ฒ ์ด์ปจ์„ ์ €์žฅํ–ˆ์Šต๋‹ˆ๋‹ค.

์ผ์š”์ผ ์ €๋…์— ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  ์ž ์ด ๋“ญ๋‹ˆ๋‹ค. ๋งํ•  ๊ฒƒ๋„ ์—†์ด ์›”์š”์ผ์€ ๋งํ•  ๊ฒƒ๋„ ์—†์ด ํฅ๋ฏธ๋กœ์šธ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

@ArmandJ77 ์–ด๋–ค ํ…œํ”Œ๋ฆฟ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ? ์‹œ๋„ํ•˜๊ณ  ๋‹ค์‹œ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋…ธ๋“œ ๋ฒ„์ „๋„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๋Ÿฌ๋ถ„, package.json์˜ ์ข…์†์„ฑ ์•„๋ž˜์— "js-beautify": "1.6.14"๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.
vue pwa ํ…œํ”Œ๋ฆฟ์— ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์ง€๋งŒ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๋‹นํ™ฉํ•˜์ง€ ๋งˆ์„ธ์š” ;-)

์ €๋Š” yarn์ด ์ด ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์ข‹์•„ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

@eric-naguras
์—๋ฆญ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

+1

Yarn์€ ์˜ค๋ฅ˜๋ฅผ ๋ณด๊ณ ํ•˜์ง€๋„ ์•Š์Šต๋‹ˆ๋‹ค. NPM์€ ๊ทธ๋ ‡๊ฒŒ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ Yarn์„ ๋–จ์–ด๋œจ๋ฆฌ๊ณ  NPM์œผ๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.

cnpm์„ ์‚ฌ์šฉํ•˜์—ฌ vue-cli๋ฅผ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค. " ๊ทธ๋Ÿฐ ํŒŒ์ผ์ด๋‚˜ ๋””๋ ‰ํ„ฐ๋ฆฌ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. chmod ' C:UserszxrnhAppDataRoamingnpmnode_modulesvue-clinode_modules_js-beautify@[email protected] "

์ด๊ฒƒ์€ ๋‚ด ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค
cnpm install -g vue-cli
๋ˆ„๊ฐ€ ๋‹น์‹ ์„ ๋„์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!

@sobrown ์œ„์˜ ๋‚ด ์˜๊ฒฌ์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.

+1

๐Ÿ˜“

:์•„๋ž˜์—:

+1

๋…ธ์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค์˜ค

+1

+1

์—ฌ๊ธฐ์—์„œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํ”„๋กœ๋•์…˜ ๋ฆด๋ฆฌ์Šค์—์„œ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค(npm ์บ์‹œ ๋•๋ถ„์—).

+11

์•„๋ฌด ์ •๋ณด๋„ ์—†์ด ๋นŒ์–ด๋จน์„ "+1"์„ ๋ฉˆ์ถ”์„ธ์š”.

+2

ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค :)

์”จ๋ฐœ ๋‚˜

์—ฌ๊ธฐ์„œ ๊ฑธ๋ ค ๋„˜์–ด์ง€๊ธฐ ์ „์— ์ ˆ๋ฒฝ์—์„œ ๋›ฐ์–ด๋‚ด๋ฆด ์ค€๋น„๋ฅผ ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. :joy_cat:

+1

+1

"+1" ๊ฒŒ์‹œ๋ฅผ ์ค‘๋‹จํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์“ธ๋ชจ์—†๊ณ  ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด ๋˜์ง€ ์•Š์œผ๋ฉฐ ๊ฑด์„ค์ ์ด์ง€ ์•Š์€ ๋Œ“๊ธ€๋กœ ์ด ๋ฌธ์ œ๋ฅผ ์ŠคํŒธํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ฐœ๋ฐœ์ž์ด๊ณ  ์ •๋ณด๊ฐ€ ์—†๋Š” ์“ธ๋ชจ์—†๋Š” ๋ฒ„๊ทธ ํ‹ฐ์ผ“์„ ์‹ซ์–ดํ•ฉ๋‹ˆ๋‹ค. ๋™๋ฃŒ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊ฐ™์€ ์ผ์„ ํ•˜์ง€ ๋ง™์‹œ๋‹ค.

์ด๊ฒƒ์ด ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค(ty @gafung ) :)

@brriced ์šฐ๋ฆฌ ๋ชจ๋‘๋Š” ๊ทธ ํ•œ ์‚ฌ๋žŒ์„ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค ...
21743186_1094977500632127_3965491206705224243_n

ahn7 s qg41o eo lf tdsv

์‹ค์„ ์‹œ๋„ ๐Ÿ‘

์‹ค์„ ์‹œ๋„

yarn install

์ด์ „์— yarn.lock ํŒŒ์ผ์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ์—ฟ

ํ•˜์ง€๋งŒ ์›์‚ฌ๋Š” ๋‚ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค

๋‚ด ์›นํŒฉ ๊ตฌ์„ฑ์˜ ์Šคํƒ ์ถ”์ 

Module build failed: Error: Cannot find module './lib/beautify'
        at Function.Module._resolveFilename (module.js:470:15)
        at Function.Module._load (module.js:418:25)
        at Module.require (module.js:498:17)
        at require (internal/module.js:20:19)
        at /efs/clientasg12q/lsae/node_modules/js-beautify/js/index.js:74:27
        at Object.<anonymous> (/efs/clientasg12q/lsae/node_modules/js-beautify/js/index.js:80:7)
        at Module._compile (module.js:571:32)
        at Object.Module._extensions..js (module.js:580:10)
        at Module.load (module.js:488:32)
        at tryModuleLoad (module.js:447:12)
        at Function.Module._load (module.js:439:3)
        at Module.require (module.js:498:17)
        at require (internal/module.js:20:19)
        at Object.<anonymous> (/efs/clientasg12q/lsae/node_modules/vue-loader/lib/template-compiler.js:4:16)
        at Module._compile (module.js:571:32)
        at Object.Module._extensions..js (module.js:580:10)
        at Module.load (module.js:488:32)
        at tryModuleLoad (module.js:447:12)
        at Function.Module._load (module.js:439:3)
        at Module.require (module.js:498:17)
        at require (internal/module.js:20:19)
        at loadLoader (/efs/clientasg12q/lsae/node_modules/loader-runner/lib/loadLoader.js:13:17)
        at iteratePitchingLoaders (/efs/clientasg12q/lsae/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
        at runLoaders (/efs/clientasg12q/lsae/node_modules/loader-runner/lib/LoaderRunner.js:362:2)
        at NormalModule.doBuild (/efs/clientasg12q/lsae/node_modules/webpack/lib/NormalModule.js:182:3)
        at NormalModule.build (/efs/clientasg12q/lsae/node_modules/webpack/lib/NormalModule.js:275:15)
        at Compilation.buildModule (/efs/clientasg12q/lsae/node_modules/webpack/lib/Compilation.js:149:10)
        at factoryCallback (/efs/clientasg12q/lsae/node_modules/webpack/lib/Compilation.js:337:12)
        at factory (/efs/clientasg12q/lsae/node_modules/webpack/lib/NormalModuleFactory.js:241:5)
        at applyPluginsAsyncWaterfall (/efs/clientasg12q/lsae/node_modules/webpack/lib/NormalModuleFactory.js:94:13)

@abdullah ํ”„๋กœ์ ํŠธ์— yarn.lock ํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด, ์›์‚ฌ๋Š” ์ด ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ข…์†์„ฑ์˜ ์ž ๊ธด ๋ฒ„์ „์„ ๊ฐ€์ ธ์˜ค๋ฏ€๋กœ ๋งˆ์ง€๋ง‰(์†์ƒ๋œ) ๋ฒ„์ „์„ ๋‹ค์šด๋กœ๋“œํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‚˜๋„ ๊ฐ™์€ ๋ฌธ์ œ

@abdullah ํ”„๋กœ์ ํŠธ์— yarn.lock ํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด, ์›์‚ฌ๋Š” ์ด ํŒŒ์ผ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ข…์†์„ฑ์˜ ์ž ๊ธด ๋ฒ„์ „์„ ๊ฐ€์ ธ์˜ค๋ฏ€๋กœ ๋งˆ์ง€๋ง‰(์†์ƒ๋œ) ๋ฒ„์ „์„ ๋‹ค์šด๋กœ๋“œํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด ์—‰๋ง์ง„์ฐฝ์ด ํ•ด๊ฒฐ๋œ ํ›„ ์˜์›ํžˆ ์›์‚ฌ๋กœ ์ „ํ™˜ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

laravel-mix ๋ฐ vue ํ™˜๊ฒฝ(๋‹ค๋ฅธ ์„ค์ •๋„ ๊ฐ€๋Šฅ)์—์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์‰ฝ๊ฒŒ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

npm install --save-dev [email protected]

์ด์ œ ๊ฑด๋ฌผ์„ ์ง“๋Š” ๊ฒƒ์ด ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

npm 5(๋…ธ๋“œ 8์— ๋ฒˆ๋“ค)๋Š” package-lock.json์„ ์ƒ์„ฑํ•˜๊ณ  ๋™์ผํ•œ ๋ฒ„์ „ ์ž ๊ธˆ ์‹œ์Šคํ…œ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

npm 5(๋…ธ๋“œ 8์— ๋ฒˆ๋“ค)๋Š” package-lock.json์„ ์ƒ์„ฑํ•˜๊ณ  ๋™์ผํ•œ ๋ฒ„์ „ ์ž ๊ธˆ ์‹œ์Šคํ…œ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

์ข‹์•„, ์ข‹์•„.

+1

npm ERR! Linux 4.4.0-93-generic
npm ERR! argv "/.nvm/versions/node/v6.11.3/bin/node" "/.nvm/versions/node/v6.11.3/bin/npm" "i"
npm ERR! node v6.11.3
npm ERR! npm  v3.10.10
npm ERR! path /js-beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod

npm ERR! enoent ENOENT: no such file or directory, chmod '/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent ENOENT: no such file or directory, chmod '/node_modules/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent 

์ง€๊ธˆ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!!

npm install [email protected]

์ฆ๊ฑฐ์šด ์›”์š”์ผ์ž…๋‹ˆ๋‹ค ์—ฌ๋Ÿฌ๋ถ„ :D

+10086

https://github.com/beautify-web/js-beautify/issues/1247#issuecomment -330162127

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

์ง€๊ธˆ ์ผ์„ ์œ„ํ•ด
npm install --save-dev [email protected]

๋‚˜ 2!

npm:
npm install --save-dev [email protected]
์‹ค:
yarn add [email protected] --dev

package.json ํŒŒ์ผ์— ๋‹ค์Œ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

  "resolutions": {
    "js-beautify": "1.6.14"
  }

+2

+3

  "bin": {
    "css-beautify": "./js/bin/css-beautify.js",
    "html-beautify": "./js/bin/html-beautify.js",
    "js-beautify": "./js/bin/js-beautify.js"
  },

์ด ์„ธ ๊ฐœ์˜ JS ํŒŒ์ผ์€ 1.7.0 ๋ฆด๋ฆฌ์Šค ํŒจํ‚ค์ง€์— ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

https://github.com/beautify-web/js-beautify/issues/1247#issuecomment -330165554

์ด ์„ธ ๊ฐœ์˜ JS ํŒŒ์ผ์€ 1.7.0 ๋ฆด๋ฆฌ์Šค ํŒจํ‚ค์ง€์— ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด์ œ ์šฐ๋ฆฌ๋Š” ์–ด๋”˜๊ฐ€๋กœ ๊ฐ€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. :์ƒ๊ฐ:

๋ˆ„๊ตฐ๊ฐ€ ์ด ์Šค๋ ˆ๋“œ์—์„œ +1 ์˜ ๋ชจ๋“  ์ธ์Šคํ„ด์Šค์™€ ๊ทธ ๋ฌด๋ก€ํ•œ ๋Œ“๊ธ€์„ ์‚ญ์ œํ•˜์‹ญ์‹œ์˜ค. ์‚ฌ๋žŒ๋“ค์ด ๋” ์ด์ƒ ๋งค๋„ˆ๊ฐ€์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค ...

@LinusBorg , ์ €๋Š” ์‡ผ๋ฅผ ์ฆ๊น๋‹ˆ๋‹ค :popcorn:

vue-cli ํ”„๋กœ์ ํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ npm install [email protected] ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์˜ค๋Š˜ ์ด๊ฒƒ์˜ ์”จ๋ฐœ

์—ฌ๊ธฐ์—์„œ๋„ ๋™์ผํ•˜์ง€๋งŒ npm run dev ์‹œ์ž‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

> cross-env NODE_ENV=development webpack-dev-server --open --inline --hot

sh: cross-env: command not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! vue-cli@ dev: `cross-env NODE_ENV=development webpack-dev-server --open --inline --hot`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the vue-cli@ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/gsm/.npm/_logs/2017-09-18T09_18_56_345Z-debug.log

npm install -g vue-cli --registry=https://registry.npm.taobao.org
์ง€๊ธˆ์€ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

+1

+1

+1

์–˜๋“ค ์•„.. "ํ”Œ๋Ÿฌ์Šค ์›"์€ ๋„ˆ๋ฌด ์„ฑ๊ฐ€์‹œ๊ณ  ์“ธ๋ชจ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๋‹ค์‹œ ๋งํ•˜์ง€๋งŒ ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋  ๋•Œ๊นŒ์ง€ ์ด์ „ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

vue-loader๊ฐ€ ๋งํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด webpack ๊ตฌ์„ฑ์— ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด์„œ 40๋ถ„์„ ๋‚ญ๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค.

npm run dev ๋กœ vue-cli dev ์„œ๋ฒ„๋ฅผ ์‹œ์ž‘ํ•˜๋Š” ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์šฐ๋ฆฌ๋Š” ์—ฟ

์ด ๋ฌธ์ œ๋ฅผ ์‹œ๋„ ์ค‘์ž…๋‹ˆ๋‹ค. https://github.com/beautify-web/js-beautify/issues/1247#issuecomment -330171050 @tst11 ์ด ์ž‘๋™ํ•˜๋Š”์ง€ ์•Œ๋ ค

+1

์ข‹์•„ @floriandorre ! :)

๋‚˜๋Š” ์ด๋Ÿฐ ์‹์œผ๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ๋‹ค.
1)rm -rf ๋…ธ๋“œ ๋ชจ๋“ˆ/
2) npm install --save-dev [email protected]
3) package.json์— ์ถ”๊ฐ€:
"ํ•ด๊ฒฐ์ฑ…": {
"js-beautify": "1.6.14"
}
4) npm ๋‚˜๋Š”

@tst11 ์ด๊ฑด

์Šฌํ””์€ ๊ฐ•๋ฌผ์ฒ˜๋Ÿผ ํ๋ฅธ๋‹ค

๋˜ํ•œ ์˜ค๋Š˜ node-sass์— ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.
๋‚˜๋Š” ์ด๋Ÿฐ ์‹์œผ๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ๋‹ค.
1)npm ์—…๋ฐ์ดํŠธ
2) npm ์„ค์น˜
3)nodejs node_modules/node-sass/scripts/install.js
4) npm ์žฌ๊ตฌ์ถ• node-sass
์•„๋งˆ๋„ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์•„๋ž˜ ๋‹จ๊ณ„๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ˆ˜์ •ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

  • yarn.lock ๋ฐ node_modules
  • ์ข…์†์„ฑ์— ์ด์ „ ๋ฒ„์ „(@1.6.14) ์ถ”๊ฐ€
  • yarn

๋‹จ๊ณ„๊ฐ€ ์ •ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ? @danrot

ํ•˜ํ•˜ ์ž ๊ธˆ์˜ ์ค‘์š”์„ฑ

+3
์šฐ๋ฆฌ๋„ ๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ•ด ์žˆ์Šต๋‹ˆ๋‹ค

๋‚ด๊ฐ€ ์ฐพ์€ ์œ ์ผํ•œ ๋ฌธ์ œ๋Š” ์‚ฌ์ „ ๋นŒ๋“œ ์ €์žฅ์†Œ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค./

sequelize-cli ๋„ ๋Š๊น๋‹ˆ๋‹ค. ์˜ค๋Š˜ ์™„๋ฃŒ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ผ๋Š” ์ˆ˜์ •์„ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

1.7์—์„œ vue-loader ์ค‘๋‹จ

์  ์žฅ

์ด๋ฆ„์„ ๋‚จ๊ธฐ๋Š” ๊ฐ•๋ ฅํ•œ ํฌ์ŠคํŠธ!

https://github.com/floriandorre/pre-build-vue-cli
์˜ค๋Š˜ vue-cli๊ฐ€ ํ•„์š”ํ•œ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด (npm ์„ค์น˜๋Š” ์ด๋ฏธ ์™„๋ฃŒ๋˜์—ˆ์œผ๋ฉฐ npm์€ dev๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค)

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ์ˆ˜์ถ• ํฌ์žฅ์„ ๋งŒ๋“ค๊ณ  ์˜ํ–ฅ์„ ๋ฐ›๋Š” ํŒจํ‚ค์ง€์— ๋Œ€ํ•œ ์ข…์†์„ฑ ๋ฒ„์ „์„ ๊ฐ•์ œ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค(์˜ˆ: vue-loader).

package.json์ด ์žˆ๋Š” ์œ„์น˜์™€ ํ•จ๊ป˜ npm-shrinkwrap.json ํŒŒ์ผ์„ ๋งŒ๋“ค๊ณ  ๋‹ค์Œ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

{ 
  "dependencies": { 
    "vue-loader": { 
      "version": "^13.0.1", 
      "dependencies": { 
        "js-beautify": { 
          "version": "1.6.14" 
        } 
      } 
    } 
  } 
}

๋ฒ„์ „ ๋ฒˆํ˜ธ๋ฅผ ์กฐ์ •ํ•ด์•ผ ํ•  ์ˆ˜๋„ ์žˆ์œผ๋ฉฐ js-beautify์— ์˜์กดํ•˜๋Š” ์—ฌ๋Ÿฌ ์ข…์†์„ฑ์ด ์žˆ๋Š” ๊ฒฝ์šฐ ๊ฑฐ๊ธฐ์— ๋ชจ๋‘ ๋‚˜์—ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ˜„์žฌ ๋ฒ„์ „์„ ๊ฒŒ์‹œ ์ทจ์†Œํ•˜๊ฑฐ๋‚˜ ์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ์ˆ˜์ •ํ•˜์‹ญ์‹œ์˜ค...!

์ด ์˜ค๋ฅ˜๊ฐ€ ์ถฉ๋Œํ•˜๊ธฐ ๋•Œ๋ฌธ์— vue-cli๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. omg :C

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

package.json :

  "resolutions": {
     "js-beautify": "1.6.14"
   }

@steven-qi package.json ํŒŒ์ผ์€ ์–ด๋””์— ์ €์žฅ๋˜๋‚˜์š”? vue-cli๋ฅผ ์„ค์น˜ํ•˜๋ ค๊ณ  ํ•˜์ง€๋งŒ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

@gbaggaley ๋‚˜๋Š” vue๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ๊ท€ํ•˜์˜ ์งˆ๋ฌธ์— ๋Œ€๋‹ตํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. node.js/npm ๊ธฐ๋ฐ˜ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ project/package์˜ ๋ฃจํŠธ ํด๋”์— ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด package.json์„ ๋ฒ„์ „ 1.6.14๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด "sequelize-cli" ๋ฌธ์ œ์— ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.
...
"์ข…์†์„ฑ": {
...
"์š”์ฒญ": "^2.81.0",
"js-beautify": "1.6.14",
"sequelize": "^4.8.2",
...

vue-cli๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ dev ์ข…์†์„ฑ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

vue-cli ํŒจํ‚ค์ง€๋ฅผ ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œ๋„ ์‹œ๋„ํ•˜์‹ญ์‹œ์˜ค.

webpack์€ ์ด ๋ชจ๋“ˆ์˜ ์ตœ์‹  ๋ฒ„์ „์„ ๊ฐ€์ ธ์˜ค๊ธฐ ๋•Œ๋ฌธ์— ์˜๋ฏธ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์šฐ๋ฆฌ๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค:-

package.json ๊ณผ ๋ณ‘๋ ฌ๋กœ npm-shrinkwrap.json ์ƒ์„ฑ

{ 
  "dependencies": 
   { 
     "js-beautify": 
     { 
        "version": "1.6.14"
      }
    } 
} 

์ด๊ฒƒ์€ js-beautify ๊ฐ€ ๋‹ค๋ฅธ ํŒจํ‚ค์ง€์—์„œ ๋‚ด๋ถ€์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ฒฝ์šฐ์—๋„ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค๋งŒ ์ด ํŒŒ์ผ์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ฃผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์ €๋Š” ๋ฆฌ๋ˆ…์Šค๋ฅผ ์‚ฌ์šฉํ–ˆ๋Š”๋ฐ ์œˆ๋„์šฐ๋ฅผ ์„ค์น˜ํ–ˆ๋Š”๋ฐ ์ด ํŒŒ์ผ์„ ์–ด๋””์— ๋„ฃ์–ด์•ผ ํ• ์ง€ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.

์ €๋ฅผ ํฌํ•จํ•˜์—ฌ ์‚ฌ๋žŒ๋“ค์ด ์ด๊ฒƒ์— ๋Œ€ํ•ด ์ขŒ์ ˆํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์••๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ package.json -file ์„ ํ†ตํ•ด ํ•ซํ”ฝ์Šคํ•˜๋Š” ๊ฒƒ์€ ํ”„๋กœ์ ํŠธ์— ์—ฌ๋Ÿฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ์žฅ๊ธฐ์ ์œผ๋กœ ๋ณด๊ธฐ์— ๊น”๋”ํ•ด ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ฐ‘์ž๊ธฐ ๋‹น์‹ ์€ ์ •๋ง๋กœ ํ•„์š”ํ•˜์ง€ ์•Š์ง€๋งŒ ๋‹ค๋ฅธ ์˜์กด์„ฑ์— ์˜ํ•ด ํ•„์š”ํ•œ ์ด์ „ ๋ฒ„์ „์˜ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ 157๊ฐœ์˜ ๋Œ“๊ธ€์ด ๊ฐœ๋ฐœ์ž์˜ ๊ด€์‹ฌ์„ ๋Œ ๊ฒƒ์ด๋ผ๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋ฏธ ์—ฌ๋Ÿฌ PR์ด ์™„๋ฃŒ๋œ ๊ฒƒ์„ ๋ณด๋‹ˆ ๋ชจ๋“  ๊ฒƒ์ด ๊ณง ์ˆ˜์ •๋  ๊ฒƒ์ด๋ผ๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค.

@hydrostasis ๋Š” package.json๊ณผ ๋ณ‘๋ ฌ๋กœ npm-shrinkwrap.json ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํŒŒ์ผ์„ ๋งŒ๋“ค ๋•Œ ์ด ํŒŒ์ผ์„ ์ˆ˜๋™์œผ๋กœ ๋งŒ๋“œ์‹ญ์‹œ์˜ค.

์•„๋‹ˆ์š”, vue-cli๋ฅผ ์„ค์น˜ํ•˜๊ณ  ์‹ถ์ง€๋งŒ, ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. packge.json ํŒŒ์ผ์ด ์—†์Šต๋‹ˆ๋‹ค.

์ด ๋ฒ„๊ทธ๋ฅผ ๋นจ๋ฆฌ ๊ณ ์น  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์˜ค๋Š˜ ๋ฐค์— ์˜จ๋ผ์ธ์œผ๋กœ ์ „ํ™˜ํ•  ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

@hydrostasis (๋˜๋Š” vue-cli๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋‹ค๋ฅธ ์‚ฌ๋žŒ)๋Š” https://github.com/beautify-web/js-beautify/issues/1247#issuecomment -330171050์„ ์ฐธ์กฐ

@ Adam-lynch ๋‹น์‹ : 3

@hydrostasis
npm install -g vue-cli --registry=https://registry.npm.taobao.org
์ด ์‹œ๋„

+1

+1

+1

์ด ๋ฌธ์ œ์—๋„ ๋ถ€๋”ช์ณค์Šต๋‹ˆ๋‹ค ...

์Šฌํผ. vue-cli ๋ฐ vue-loader๊ฐ€ ์ด๊ฒƒ์˜ ์‚ฌ์ดŒ์„ ๊นจ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

@steven-qi ์ฃผ์„์€ vue-loader๋กœ ๋‚ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์„ package.json์— ์ถ”๊ฐ€ํ•˜์‹ญ์‹œ์˜ค.

"resolutions": {
     "js-beautify": "1.6.14"
   }

๋‹น์‹ ์€ ๋ทฐ๋ฅผ ๊นจ๋œจ๋ ธ์Šต๋‹ˆ๋‹ค :'(

@amit27kmr ์ด ์ €๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ณ ๋งˆ์›Œ

@amit27kmr ์ด ์ €๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”.

@MSMcBain ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค !

package.json ๋ฐ npm-shrinkwrap.json ์†”๋ฃจ์…˜์— "ํ•ด์ƒ๋„"๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋‘˜ ๋‹ค ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. TeamCity์—์„œ ๋นŒ๋“œ ์„œ๋ฒ„์— ์—ฌ์ „ํžˆ ๋‹ค์Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

[npm install] npm ERR! enoent ENOENT: no such file or directory, chmod '<path on build server>\node_modules\js-beautify\js\bin\css-beautify.js'

์–˜๋“ค์•„, ๋„ˆ ์ธํ„ฐ๋„ท ๋งํ–ˆ์–ด... :(

@kallebornemark ๋‹น์‹ ์€ ์ด๊ฒƒ์„ ์‹œ๋„ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค: @amit27kmr

{ 
  "dependencies": 
   { 
     "js-beautify": "1.6.14"
    } 
} 

์šฐ๋ฆฌ๋Š” ๋นŒ์–ด ๋จน์„!

๋™์ผ โ€“ ์ œ์•ˆ๋œ ์ž‘์—…๊ณผ ๋™์ผํ•œ ์ด์ „ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค.

"Dependencies"๋ฟ๋งŒ ์•„๋‹ˆ๋ผ "devDependencies"์— "js-beautify": "1.6.14"๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค!

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค.

npm install -g npm

๊ทธ ๋‹ค์Œ์—

npm install [email protected]

์—ฌ๊ธฐ๋„ ๊นจ์ง

์—ฌ๊ธฐ์— ์—ฌ๋Ÿฌ ๋ฒˆ ์–ธ๊ธ‰ํ–ˆ๋“ฏ์ด ์ด์ „ ๋ฒ„์ „์˜ js-beautify๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.
npm install [email protected]

๊ฐ€๋‚œํ•œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋Š” ๋™์•ˆ ์‚ฌ๋žŒ๋“ค์ด ์†”๋ฃจ์…˜์„ ์‰ฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก +1๋กœ ์ค‘์ง€ํ•˜์„ธ์š”.

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค.

rm -rf ๋…ธ๋“œ ๋ชจ๋“ˆ/
npm ์„ค์น˜ [email protected]
npm ์„ค์น˜
npm์€ ๊ต์ฐจ ํ™˜๊ฒฝ ์„ค์น˜
npm ์‹คํ–‰ ๊ฐœ๋ฐœ

vue-cli xD๋ฅผ ์‹œ์ž‘ํ•œ ๋ฐ”๋กœ ๊ทธ ๋‚ 

์ด ๋ฌธ์ œ์˜ ์›์ธ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์›นํŒฉ ๋นŒ๋“œ์—์„œ๋Š” ์—ฌ์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋งํ–ˆ์–ด.

์ด ๋ฌธ์ œ์˜ ๊ฒฐ๊ณผ๋กœ ์†ํŽธ cli๊ฐ€ ์†์ƒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๊ฐ€ ๋‚ด ์ธ์ƒ์˜ 3์‹œ๊ฐ„์„ ํฌ์ƒ์‹œ์ผฐ๋‹ค๋Š” ๊ฒƒ์ด ๋ฏฟ๊ธฐ์ง€ ์•Š์Šต๋‹ˆ๋‹ค :๋ถ„๋…ธ:

์ด๊ฒƒ์€ ์˜ˆ,

rm -rf node_modules/
npm install [email protected]
npm install
npm install cross-env
npm run dev

๋‚˜๋„. ์—ฌ์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์œ„์˜ ๋ฒ„์ „ ์ค‘ ํ•˜๋‚˜๋ฅผ ์‹œ๋„ํ•˜์—ฌ ๋ฒ„์ „์„ ์ž ๊ธ‰๋‹ˆ๋‹ค.

+1
์ €์—๊ฒŒ๋„ ํšจ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

+1
์ €์—๊ฒŒ๋„ ํšจ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์–ด์ ฏ๋ฐค์— ์‹œ์ž‘๋จ

๋‚˜๋„ ์ผ๋ณธ์—์„œ

+1
nuxt๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค! ๋‚  ์—ฟ๋จน์˜€์–ด!

์ด ๋ฌธ์ œ๋ฅผ ๋นŒ์–ด๋จน์„ ๊ทธ๋งŒ!!!)
PR์„ ๋งŒ๋“ค์ž, ๊ฐœ๋ฐœ์ž!

@vivian-xu ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ์—ฟ ...

@YevheniiHerasymchuk ์ด ํ•˜๋‚˜ ์žˆ์Šต๋‹ˆ๋‹ค, https://github.com/beautify-web/js-beautify/pull/1251

๋ชจ๋‘ ๊ทธ๋งŒ

๋ˆ„๊ตฐ๊ฐ€ ์ž‘์—… ์†”๋ฃจ์…˜(vue-cli ์„ค์น˜)์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

์ €์™€ ๊ฐ™์€ ๊ธ€๋กœ๋ฒŒ ์ข…์†์„ฑ์œผ๋กœ ์ธํ•ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์„ค์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

RUN npm set progress=false && \
    npm install -g [email protected] [email protected] [email protected] [email protected]

์—ฌ๋Ÿฌ RUN ๋ฌธ์ด ์žˆ์œผ๋ฉด ๋ชจ๋“  ๊ฒƒ์„ ํ•˜๋‚˜๋กœ ์„ค์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@floriandorre
npm install -g vue-cli --registry=https://registry.npm.taobao.org
๋‚˜๋Š” ์ด๊ฒƒ์œผ๋กœ ํ•ด๊ฒฐํ•œ๋‹ค

@ huysh3 ๋‚˜๋Š” ์‹œ๋„ํ•˜๊ณ  ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค

์œ„์˜ ๋ชจ๋“  ํ•ดํ‚น์„ ์‹œ๋„ํ•˜๊ณ  ์žˆ์ง€๋งŒ ์ง€๊ธˆ๊นŒ์ง€ ์•„๋ฌด ๊ฒƒ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. now ์•ฑ์„ ๋ฐฐํฌํ•˜๋ ค๊ณ  ํ•˜๋Š”๋ฐ ์›นํŒฉ ๋นŒ๋“œ๊ฐ€ ์‹คํŒจํ•ฉ๋‹ˆ๋‹ค.

Module build failed: Error: Cannot find module './lib/beautify'

๋‚˜๋Š” ์„ฑ๊ณตํ•˜์ง€ ๋ชปํ•œ ์ฑ„ package.json์— ํ•ด์ƒ๋„๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋‹ค. ๋ฌด์—‡์„ ์ถ”๊ฐ€ํ• ์ง€ ๋‹ค๋ฅธ ์•„์ด๋””์–ด๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

์ด ๋ฌธ์ œ๋Š” laravel npm ์„ค์น˜๋„ ์ค‘๋‹จ์‹œํ‚ต๋‹ˆ๋‹ค...

์ž„์‹œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์œผ๋กœ vue-loadernode_modulesjs-beautify์˜ ํŒŒ์ผ์„ 1.6.14 ๋ฒ„์ „์œผ๋กœ ์ˆ˜๋™์œผ๋กœ ๊ต์ฒดํ–ˆ์Šต๋‹ˆ๋‹ค.

์•„๋ฌด๊ฒƒ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค ๐Ÿ™„

์•ˆ๋…•ํ•˜์„ธ์š” ์—ฌ๋Ÿฌ๋ถ„,

๋”ฐ๋ผ์„œ ์‹ค์ œ ํŒจํ‚ค์ง€์—๋Š” ํŒŒ์ผ์ด ์—†์Šต๋‹ˆ๋‹ค.
์ด ํŒŒ์ผ์„ js ํด๋”์— ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.
์•„์นด์ด๋ธŒ.zip

๋‚˜๋Š” ์•„๋ฌด๊ฒƒ๋„ ์–ป์ง€ ๋ชปํ–ˆ๋‹ค

์šฐ๋ฆฌ๋Š” yarn.lock์—์„œ ๋ฒ„์ „์„ ๋ณ€๊ฒฝํ•˜๊ณ  ๋‹ค์‹œ ์„ค์น˜ํ•˜์—ฌ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค. ๋นŒ์–ด๋จน์„,๐Ÿค”

์ ˆ๋ง, ๋ฌธ์ œ์— ์˜ํ•ด ์—ฟ.

๋‚ด๊ฐ€ ๊ฐ€์ง€๊ณ ์žˆ๋Š” ๋ฌธ์ œ๋Š” js-beautify๋ฟ๋งŒ ์•„๋‹ˆ๋ผ vue-cli๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค....
๊ท€ํ•˜์˜ ์†”๋ฃจ์…˜์œผ๋กœ js-beautify๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์ง€๋งŒ ์—ฌ์ „ํžˆ vue-cli๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

+1:-1:

์บ์‹œ๋ฅผ ์ง€์šฐ๊ณ  1.6.14๋ฅผ ๋‹ค์‹œ ์„ค์น˜ํ•˜์‹ญ์‹œ์˜ค.

๋ˆ„๊ตฐ๊ฐ€ ํ• ์•„๋ฒ„์ง€๊ฐ€ ์–ธ์ œ ๋  ๊ฒƒ์ธ์ง€์— ๋Œ€ํ•ด ์ข‹์€ ์ด์•ผ๊ธฐ๋ฅผ ๋“ค๋ ค์ค€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. _"๋‚ด๊ฐ€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์„ธ๊ณ„ ์ „์ฒด๋ฅผ ๋ง์นœ ๊ทธ๋‚ "_

๋‹น์‹ ์€ ๋ชจ๋“  ๊ฒƒ์„ ๊นจ๋œจ๋ ธ์Šต๋‹ˆ๋‹ค :1st_place_medal:

js-๋”์ฐํ•˜๋‹ค.

๋Œ€์‹  ์‹ค์„ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค ...

https://yarnpkg.com/lang/en/docs/install/๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.
์›์‚ฌ ์„ค์น˜
_yarn global add vue-cli_ ์‹คํ–‰

laravel์— ๋„์›€์ด๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค ... :D

์ด ๋ฌธ์ œ๋Š” ์–ธ์ œ ํ•ด๊ฒฐ๋ฉ๋‹ˆ๊นŒ? :(

PR ๋ณ‘ํ•ฉ ๊ถŒํ•œ์ด ์žˆ๋Š” ์‚ฌ๋žŒ์„ ์ฐพ์œผ๋ฉด... https://github.com/beautify-web/js-beautify/pull/1251

@bitwiseman @evocateur @einars
๋„์›€์ด ๋˜๋Š” ๊ฒฝ์šฐ 3๋ช…์˜ ์ตœ๊ณ  ๊ธฐ์—ฌ์ž์— ์ฃผ์„ ๋‹ฌ๊ธฐ

์ด ๋ฌธ์ œ๋Š” ๋‚˜์˜ ํ•˜๋ฃจ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค

์ด๊ฒƒ์€ ๋‚ด๊ฐ€ ์˜ค๋žซ๋™์•ˆ ๋ณด๋‚ธ ์›”์š”์ผ ์ค‘ ๊ฐ€์žฅ ๋งŽ์€ ์›”์š”์ผ์ž…๋‹ˆ๋‹ค.

๋‚˜๋„ @littlephild

์  ์žฅ, ๋ชจ๋“  ๊ฒƒ์„ ํŽ„๋กœ ๋ฐ”๊พธ๊ณ  ์žˆ์–ด

๋ฌด์Šจ ๋˜ฅ ์›”์š”์ผ ํ•˜?

1๋‹จ๊ณ„. ์šฐ๋ฆฌ๊ฐ€ vue๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค๊ณ  ๋ณด์Šค๋ฅผ ์„ค๋“ํ•˜์‹ญ์‹œ์˜ค.
2๋‹จ๊ณ„. ์ด ๋ฌธ์ œ.
ํŽธ์ง‘: ์ข‹์•„, ์šฐ๋ฆฌ๋Š” ์ด๊ฒƒ์„ ์ฑ„ํŒ…์œผ๋กœ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm ERR! Linux 4.9.41-moby
npm ERR! argv "/usr/local/nvm/versions/node/v6.9.1/bin/node" "/usr/local/nvm/versions/node/v6.9.1/bin/npm" "install"
npm ERR! node v6.9.1
npm ERR! npm  v3.10.8
npm ERR! path /usr/src/app/node_modules/js-beautify/js/bin/css-beautify.js
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall chmod

npm ERR! enoent ENOENT: no such file or directory, chmod '/usr/src/app/node_modules/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent ENOENT: no such file or directory, chmod '/usr/src/app/node_modules/js-beautify/js/bin/css-beautify.js'
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! Please include the following file with any support request:
npm ERR!     /usr/src/app/npm-debug.log

๊ทธ๋‚  ๊ทธ๋“ค์€ ๋‚ด ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋‹ค์šด ์‹œ์ผฐ ์Šต๋‹ˆ๋‹ค ...

vue-cli๋ฅผ ์„ค์น˜ํ•˜๋ ค๋ฉด: npm install -g [email protected] vue-cli

๊ทธ๋Ÿฐ ๋‹ค์Œ ์›์‚ฌ๋กœ vue-cli๋ฅผ ์„ค์น˜ํ•˜์‹ญ์‹œ์˜ค.
์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ yarn.lock์— ์žˆ๋Š” js-beautify ์„น์…˜์„ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ฐ”๊พธ์„ธ์š”.
js-beautify@^1.6.3: version "1.6.14" resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.6.14.tgz#d3b8f7322d02b9277d58bd238264c327e58044cd" dependencies: config-chain "~1.1.5" editorconfig "^0.13.2" mkdirp "~0.5.0" nopt "~3.0.1"

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด์ „ vue ํ”„๋กœ์ ํŠธ์—์„œ ๋ณต์‚ฌํ–ˆ์Šต๋‹ˆ๋‹ค.

@niahmiah ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๊ท€ํ•˜์˜ ์†”๋ฃจ์…˜์ด ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค!

@niahmiah ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๊ท€ํ•˜์˜ ์†”๋ฃจ์…˜์ด ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค!

์—ฌ๊ธฐ์—์„œ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•˜๋ฉด ์ด๋กœ ์ธํ•ด ์ถฉ๋Œ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. "js-beautify": "^1.6.4", ๋ฅผ "js-beautify": "~1.6.4", ๋Œ€์ฒดํ•˜๋Š” ๋งˆ์ง€๋ง‰ 3๊ฐœ ๋ฒ„์ „์— ๋Œ€ํ•œ ํŒจ์น˜๋ฅผ ๋ฆด๋ฆฌ์Šคํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

Mac์—์„œ๋Š” ์ด์ „ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. , ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ฐฝ์ด ์ž˜๋ชป๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

Sequelize-cli์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

@niahmiah ์†”๋ฃจ์…˜์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๋“œ๋””์–ด ์ž‘๋™ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค! ('npm install -g [email protected] vue-cli')

@ ustbhuangyi ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ์„ ์ƒ๋‹˜

์šฐ๋ฆฌ๋Š” ๋งํ–ˆ์–ด.

๋‚˜๋Š” ๊ทธ๊ฒƒ์ด ์ •์งํ•œ ์‹ค์ˆ˜๋ผ๊ณ  ์ƒ๊ฐํ•˜์ง€๋งŒ, ์ด๋Ÿฌํ•œ ๊ฒƒ๋“ค์€ ์ถœ์‹œ๋˜๊ธฐ ์ „์— ์ž˜ ํ…Œ์ŠคํŠธ๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค ...

rm -rf ๋…ธ๋“œ ๋ชจ๋“ˆ/
rm -rf ์›์‚ฌ.lock
์ด๊ฒƒ์„ package.json์— ์ถ”๊ฐ€ํ•˜์‹ญ์‹œ์˜ค.

"resolutions": {
     "js-beautify": "1.6.14"
 }

์‹ค
์ข‹์•„์š”

์ผ์‹œ์ ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์˜ ๋กœ์ปฌ ๋ณต์‚ฌ๋ณธ์ด ์žˆ๋Š” ๊ฒฝ์šฐ npm-shrinkwrap์„ ์‹œ๋„ํ•˜๊ณ  js-beautify์— ๋Œ€ํ•œ ๋ชจ๋“  ์ฐธ์กฐ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๊ณ  npm-shrinkwrap.json ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ์˜ ๋ชจ๋“  ์ข…์†์„ฑ์˜ ๋ชจ๋“  ๋ฒ„์ „์„ ์ˆ˜์ •ํ•˜์ง€๋งŒ npm์ธ ๊ฒฝ์šฐ js-beautify์˜ ์ž‘๋™ ๋ฒ„์ „์œผ๋กœ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์ด ์ˆ˜์ •๋˜๋Š” ์ฆ‰์‹œ npm-shrinkwrap.json ํŒŒ์ผ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

์†”๋ฃจ์…˜ : https://github.com/beautify-web/js-beautify/issues/1247#issuecomment -330237551 (@niahmiah)

vue-cli์šฉ
vue-init webpack project-name
cd project-name
npm install [email protected] --save-dev
npm install
๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™

๋‚ด package.json์— "js-beautify": "1.6.14", ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. @weizs๋‹˜ ๊ฐ์‚ฌ

npm์€ npm์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฐ ์ƒํ™ฉ์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ๋งค์šฐ ์‰ฌ์šธ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํŒจํ‚ค์ง€๋กœ ๋”๋ฏธ package.json์„ ๋งŒ๋“ค๊ณ  ๋ˆ„๊ตฐ๊ฐ€ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ ์ „์— ์ด ๋”๋ฏธ๊ฐ€ ๋นŒ๋“œ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

+1

์—ฟ!

์ง€๋‚œ ๋ช‡ ์‹œ๊ฐ„ ๋™์•ˆ ๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค!

+1!

์ด ์Šค๋ ˆ๋“œ๋ฅผ ์ž ๊ธ€ ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋Š”๋ฐ, ์ด๊ฑด ์ •๋ง ๋ง๋„ ์•ˆ๋ฉ๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ๋ฌธ์ œ๋ฅผ ์ธ์‹ํ•˜๊ณ  ์ŠคํŒธ์„ ์ค‘์ง€ํ•˜๊ณ  ๊ฒŒ์‹œ๋œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋Œ์•„๊ฐ€์„œ ์ด๋ฏธ react / angular๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

@evocateur ์‚ฌ๋žŒ๋“ค์€ ์ด๊ฒƒ ๋•Œ๋ฌธ์— ์ค‘์š”ํ•œ ๋ฌธ์ œ๋ฅผ ๊ฒช๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ์†Œํ•œ ํ‘œํ˜„ํ•˜๊ฒŒ ํ•˜์‹ญ์‹œ์˜ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์˜ํ–ฅ์ด ์–ผ๋งˆ๋‚˜ ํฐ์ง€ ์•Œ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์ฒจ๊ฐ€

,
  "resolutions": {
    "js-beautify":"1.6.14"
  }

package.json ๋๊นŒ์ง€ ์‹คํ–‰ํ•˜๊ณ  yarn ๋„ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

@amatiasq ๊ทธ๋“ค์€ ๋ฌธ์ œ์—

์ด๊ฒƒ์ด npm์—์„œ leftpad ๊ฐ€ ์‚ญ์ œ๋˜์—ˆ์„ ๋•Œ์ฒ˜๋Ÿผ ์—ญ์‚ฌ์ ์œผ๋กœ ๊ธฐ์–ต๋  ๊ฒƒ์ธ์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

@evocateur๊ฐ€ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์„ ์–ธ์  ๊ฐ€ ์ด ๊ธ€๋กœ๋ฒŒ npm ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด์ œ ๋ชจ๋‘๊ฐ€ npm์„ ์‹ซ์–ดํ•ฉ๋‹ˆ๋‹ค.

๋ฌธ์ œ ํ•ด๊ฒฐ์„ ์œ„ํ•œ "js-beautify" ๊ธ€๋กœ๋ฒŒ ์„ค์น˜
cnpm ์„ค์น˜ [email protected] -g

@evocateur ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋„์›€์ด ๋˜์ง€๋งŒ Atom/Atom-Beta ํŒจํ‚ค์ง€๊ฐ€ ์†์ƒ๋˜์—ˆ๊ณ  ์ด๋Ÿฌํ•œ ๋‚ด๋ถ€ ํŒจํ‚ค์ง€๋ฅผ ๊ฐ•์ œํ•  ์ข‹์€ ๋ฐฉ๋ฒ•์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ํฐ ๋ฌธ์ œ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. atom-beautify ํ•˜์—ฌ ๋Œ€๋ถ€๋ถ„์ด ์ด ํŒจํ‚ค์ง€๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— Atom ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž(apm) ๋ฐ Atom Editor์šฉ ํŒจํ‚ค์ง€๊ฐ€ ์†์ƒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

NPM/Yarn ํ”„๋กœ์ ํŠธ์— ์žˆ๋Š” ๊ฒฝ์šฐ ์ด ๋ฌธ์ œ๋ฅผ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๊ณ ์น  ์ˆ˜ ์žˆ๋‹ค๋Š” ๋ฐ ๋™์˜ํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž์˜ ๊ฒฝ์šฐ ์ด๋Š” ์ƒ๋‹นํžˆ ๋ฌธ์ œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

@weizs yarn install --flat ์žˆ์Šต๋‹ˆ๊นŒ?

"ํ•ด๊ฒฐ์ฑ…": {
"js-beautify": "1.6.14"
}

๋‚˜๋„ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ์•ˆ๊ณ ์žˆ์–ด.

์œˆ๋„์šฐ 10.

๋ชจ๋‘ ํŒจ๋‹‰

@muro25 ๊ท€ํ•˜์˜ ์†”๋ฃจ์…˜์ด ์ €์—๊ฒŒ

@RuinSain , Windows 10์€ ์ •๋ง ์‹ฌ๊ฐํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์ฆ‰์‹œ ์ œ๊ฑฐํ•˜์‹ญ์‹œ์˜ค!

vue-loader ๋Œ€ํ•œ ๊ธด๊ธ‰ ์ˆ˜์ •์ด ์ˆ˜์‹ ๋ฉ๋‹ˆ๋‹ค: https://github.com/vuejs/vue-loader/commit/97bd432bba4350988bfd0db6d7a1a514b66a9826

@CubixSystem ์› ์‚ฌ๋Š” 1.xx๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

๋‚˜ 2์™€ ๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ๊ณ ์ณค๋‹ค
"์ข…์†์„ฑ": {
"js-beautify": "1.6.14",
....
}

Btw...์‚ฌํ›„... " ๋ถˆํ•„์š”ํ•œ ํŒŒ์ผ์„ ๊ฒŒ์‹œํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค" ;)

https://github.com/beautify-web/js-beautify/pull/1241

๋” ์ด์ƒ ์ €์žฅ์†Œ์— ๋Œ€ํ•œ ๊ถŒํ•œ์ด ์—†์ง€๋งŒ npm ํŒจํ‚ค์ง€์— ๋Œ€ํ•œ ์†Œ์œ ๊ถŒ์€ ์—ฌ์ „ํžˆ โ€‹โ€‹์žˆ์Šต๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ๋ชจ๋“  ํŒŒ์ผ์ด ํฌํ•จ๋œ v1.7.1์„ ๋ฐฉ๊ธˆ ๊ฒŒ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ์Šค๋ ˆ๋“œ ์ŠคํŒธ์„ ์ค‘์ง€ํ•˜์‹ญ์‹œ์˜ค. @bitwiseman ์ด ๊ทธ๋ฆฌ๋“œ๋กœ ๋Œ์•„

vuejs ์—์„œ ์ด ์ˆ˜์ • ์‚ฌํ•ญ์„ ์‚ฌ์šฉํ•œ ๋ชจ๋“  ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ์ค‘์š” ์—…๋ฐ์ดํŠธ

"dependencies":{} ๋ฐ "resolve":{} ์—์„œ "js-beautify": "1.6.14" ์„(๋ฅผ) ์ œ๊ฑฐํ•  ์‹œ๊ฐ„์ž…๋‹ˆ๋‹ค.
[email protected] ์ด ๊ฒŒ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์—…๋ฐ์ดํŠธํ•˜์‹ญ์‹œ์˜ค .

https://twitter.com/vuejs/status/909785891941617664

@niahmiah @Sun1ive ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹คใ€‚ ์ €์—๊ฒŒ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

@bitwiseman ์ด ์ŠคํŒธ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ด ์Šค๋ ˆ๋“œ๋ฅผ ์ž ๊ทธ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ํ•˜๋Š” ๋ชจ๋“  ์ผ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

@evocateur , v1.7.1 ๊ณผ v1.7.2 ์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

@qm3ster GH์˜ ๋ฒ„์ „์„ ์ง์ ‘ ๋น„๊ตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

https://github.com/beautify-web/js-beautify/compare/v1.7.1...v1.7.2

@LarkInn ์ œ์•ˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ˜„

๋‹ค๋ฅธ ๋ชจ๋“  ์‚ฌ๋žŒ๋“ค์—๊ฒŒ,

_ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค _.

๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ถฉ๋ถ„ํ•œ ํ…Œ์ŠคํŠธ ๋ฒ”์œ„๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์ง€๋งŒ ๊ทธ๋ ‡์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ๋ฆด๋ฆฌ์Šค(#1254) ์ „์— ์ด๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•œ ํ…Œ์ŠคํŠธ๊ฐ€ ๊ตฌํ˜„๋ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ ์ด ํœด์‹ ์‹œ๊ฐ„์€ ๋ฆด๋ฆฌ์Šค์šฉ ๋ฒ ํƒ€ ์ฑ„๋„์„ ๋งŒ๋“ค๊ณ  ๋ฒ ํƒ€ ๋ฆด๋ฆฌ์Šค(#1255)์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ์š”์ฒญํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค.

๋งˆ์ง€๋ง‰์œผ๋กœ, ํ”„๋กœ์ ํŠธ๋Š” ์ง€๋‚œ 1๋…„ ๋™์•ˆ ๋Œ€๋ถ€๋ถ„ ํ•œ ์‚ฌ๋žŒ์ด ์œ ์ง€ ๊ด€๋ฆฌํ–ˆ์œผ๋ฉฐ ์ผ๋ถ€๋Š” ๋‹ค๋ฅธ ๊ฐœ์ธ์ด ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด ํœด์‹์€ ๋˜ํ•œ ์ด ํ”„๋กœ์ ํŠธ์— ๋ฌธ์ œ/๋น„์ƒ ์ƒํ™ฉ(#1256)์„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์ด ์žˆ๋Š” ์‚ฌ๋žŒ์ด ๋ช‡ ๋ช… ๋” ์žˆ์–ด์•ผ ํ•œ๋‹ค๋Š” ์ ์„ ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค.

๋„์›€์„ ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์ถ”์‹ : 200๊ฐœ๊ฐ€ ๋„˜๋Š” ๋Œ“๊ธ€์ด ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค์„ ๊นจ๋‹ฌ์„ ๋•Œ๊นŒ์ง€ "+1" ๋ฐ "me too" ๋Œ“๊ธ€์„ ์‚ญ์ œํ•˜๋ ค๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜ฑ

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰