Visual Studio Code์—์„œ ๐Ÿ™€ ์ž์‹ ๋งŒ์˜ ํ…Œ๋งˆ๋ฅผ ๊ฒŒ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•๐Ÿ‘

3331 ๋‹จ์–ด webdevvscodejavascriptreact

๋งˆ์Œ์— ๋“ค์ง€ ์•Š๋Š” ๊ฒŒ์œผ๋ฅธ ํ…Œ๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ง€๋ฃจํ•ฉ๋‹ˆ๊นŒ?



๊ฑฑ์ •ํ•˜์ง€ ๋งˆ์„ธ์š”. Microsoft Market Place์— ๋‚˜๋งŒ์˜ ํ…Œ๋งˆ๋ฅผ ๊ฒŒ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹จ๊ณ„๋ณ„๋กœ ๋ณด์—ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

๋จผ์ € Yocode ์ƒ์„ฑ๊ธฐ๋ฅผ ์„ค์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.




npm install -g yo generator-code


์š” ์ฝ”๋“œ๊ฐ€ ์„ค์น˜๋œ ํ›„

์ด์ œ ํ„ฐ๋ฏธ๋„์„ ์—ด๊ณ  ์ž…๋ ฅํ•˜์‹ญ์‹œ์˜ค.

yo code



Yo ์ฝ”๋“œ๋Š” ๋ช‡ ๊ฐ€์ง€ ์˜ต์…˜์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค


  • ํ™”์‚ดํ‘œ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒˆ ์ƒ‰์ƒ ํ…Œ๋งˆ ์„ ํƒ
  • ์ƒˆ ์ƒ‰์ƒ ํ…Œ๋งˆ๋ฅผ ์„ ํƒํ•œ ํ›„ ๋ช‡ ๊ฐ€์ง€ ์ถ”๊ฐ€ ์˜ต์…˜์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค
  • .


  • ์ƒˆ ํ•ญ๋ชฉ์—์„œ ์‹œ์ž‘ ์„ ํƒ
  • ์ด์ œ ํ…Œ๋งˆ ์ด๋ฆ„ ๋“ฑ์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

  • ์„ฑ๊ณต์ ์œผ๋กœ ์ƒ์„ฑ๋œ ํ›„ ๋””์Šคํฌ์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํด๋”๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • Vscode๋กœ ํด๋”๋ฅผ ์—ฝ๋‹ˆ๋‹ค.
  • F5 ํ‚ค๋ฅผ ๋ˆ„๋ฅด๊ณ  ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค
  • .

    ์ด ๋ฌธ์„œ์—์„œ ๋‹ค์Œ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹คDevelopment Process.

    == ๊ฐœ๋ฐœ์ด ์™„๋ฃŒ๋˜๋ฉด ==




    ์ด์ œ Vscode ๋งˆ์ผ“ํ”Œ๋ ˆ์ด์Šค์— ํ…Œ๋งˆ๋ฅผ ๊ฒŒ์‹œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    ์ด๋ฅผ ์œ„ํ•ด ๊ฒŒ์‹œ ๋„๊ตฌ๋ฅผ ์„ค์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    npm install -g vsce . //for mac add sudo in front of npm
    


    ์„ฑ๊ณต์ ์œผ๋กœ ์„ค์น˜๋œ ํ›„ ์ด์ œ ๊ฐœ๋ฐœ๋œ ํ…Œ๋งˆ๋ฅผ vs ์ฝ”๋“œ์—์„œ ์—ฝ๋‹ˆ๋‹ค.

    . vs ์ฝ”๋“œ์—์„œ ํ†ตํ•ฉ ํ„ฐ๋ฏธ๋„ ์—ด๊ธฐ

    vsce create-publisher (publisher name) 
    


    . ์˜ˆ: vsce create-publisher saigowthamr

    ์ด์ œ ๊ฐœ์ธ ์•ก์„ธ์Šค ํ† ํฐ์„ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    ์ด๊ฒƒ์„ ์—ด๊ณ Url ๊ณ„์ •์„ ๋งŒ๋“œ์‹ญ์‹œ์˜ค.

    ๊ณ„์ •์ด ์ƒ์„ฑ๋˜๋ฉด

  • ์œ„ ์ด๋ฏธ์ง€์— ํ‘œ์‹œ๋œ ๊ฒƒ๊ณผ ๊ฐ™์€ ๋ณด์•ˆ ์˜ต์…˜์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.
  • ๋‹ค์ŒPost์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

  • Pat ํ† ํฐ์„ ์„ฑ๊ณต์ ์œผ๋กœ ์ƒ์„ฑํ•˜๋ฉด PC์— ๋ณต์‚ฌํ•˜์—ฌ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.
    ํ•œ ๋ฒˆ๋งŒ ๋ณด์—ฌ์ฃผ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
  • ์ด์ œ vs ์ฝ”๋“œ ํ„ฐ๋ฏธ๋„์—์„œ.

  • vsce login (publisher name) // we already created name 
    


  • Pat ํ† ํฐ์„ ์š”์ฒญํ•˜๊ณ  ํ† ํฐ์„ ๋ถ™์—ฌ๋„ฃ๊ณ  Enter ํ‚ค๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค.
  • ์ผ๋‹จ ์ด ์ „์ฒด ์—ฌ์ •์„ ์™„๋ฃŒํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.
  • ์ตœ์ข… ๋ช…๋ น์ด ๊ฒŒ์‹œ๋ฉ๋‹ˆ๋‹ค.

  • vsce publish -p <token> // enter your pat token in token field
    


    ๋‚˜๋งŒ์˜ ํ…Œ๋งˆ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ๊ฒŒ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋ฅ˜๊ฐ€ ์žˆ์œผ๋ฉด ๋„์™€๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

    ๋‚ด ํ…Œ๋งˆ๋ฅผ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค. ์‹œ๊ฐ„์ด ์žˆ์œผ๋ฉด ์ปคํ”Œ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

    1. Black Gold
    2. Newton Pro

    ์ž์›
  • Publish Docs
  • Theme Docs
  • ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ