CLI

CLI Screenshot

ๅฎ‰่ฃ…

ๅฏไปฅไฝฟ็”จNPMๅฎ‰่ฃ…CLI:

npm install @ngxs/cli -g

# ๅฆ‚ๆžœไฝ ๆ›ด้’Ÿๆ„yarn,ไนŸๅฏไปฅ่ฟ™ๆ ท
yarn global add @ngxs/cli

็”จๆณ•

ngxs

้€‰้กน (้™้ป˜)

  โ–“โ–ˆโ–“โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–ˆโ–ˆโ–‘   โ–“โ–ˆโ–’โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘  โ–‘โ–’โ–’โ–’โ–’โ–’โ–ˆโ–ˆโ–‘ โ–‘โ–ˆโ–ˆโ–’โ–’โ–’โ–’โ–’โ–‘  โ–‘โ–ˆโ–ˆโ–“โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–’โ–‘
 โ–‘โ–ˆโ–‘โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆโ–‘โ–’โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ  โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–’โ–ˆ โ–ˆโ–“โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–’  โ–ˆโ–ˆ โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–“
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“                  โ–‘โ–ˆโ–‘โ–’โ–ˆ โ–ˆโ–“โ–‘โ–ˆโ–‘      โ–ˆโ–ˆ โ–ˆโ–‘
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“                  โ–‘โ–ˆโ–‘โ–’โ–ˆโ–‘โ–ˆโ–“โ–‘โ–ˆโ–‘      โ–ˆโ–ˆ โ–ˆโ–‘
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“   โ–‘โ–“โ–“โ–“โ–“โ–“โ–“โ–ˆโ–ˆ      โ–‘โ–ˆโ–‘โ–‘โ–“โ–“โ–“โ–‘โ–‘โ–ˆโ–‘      โ–“โ–ˆ โ–‘โ–“โ–“โ–“โ–“โ–“โ–“โ–“โ–“โ–“โ–ˆโ–ˆโ–ˆ
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“   โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–ˆ      โ–‘โ–ˆโ–‘โ–‘โ–ˆโ–ˆโ–ˆโ–’โ–‘โ–ˆโ–‘       โ–’โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ โ–ˆโ–’
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“       โ–‘โ–ˆโ–‘โ–‘โ–ˆ      โ–‘โ–ˆโ–‘โ–’โ–ˆ โ–ˆโ–“โ–‘โ–ˆโ–‘                  โ–“โ–ˆ โ–ˆโ–“
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆ โ–“โ–“       โ–‘โ–ˆโ–‘โ–‘โ–ˆ      โ–‘โ–ˆโ–‘โ–’โ–ˆ โ–ˆโ–“โ–‘โ–ˆโ–‘                  โ–“โ–ˆ โ–ˆโ–“
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ  โ–‘โ–ˆโ–‘โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–“ โ–‘โ–ˆ  โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–“ โ–“โ–ˆ โ–ˆโ–ˆ โ–“โ–ˆโ–ˆโ–ˆโ–ˆโ–’  โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–’โ–‘โ–ˆโ–’
 โ–‘โ–ˆ โ–“โ–ˆ        โ–ˆโ–‘โ–‘โ–ˆ   โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ  โ–‘โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–“   โ–’โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–’  โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘



NGXS CLI

  $ ngxs --name name --spec boolean --directory path --folder-name name
  $ ngxs --help

Options

  --name name         Store name
  --directory path    By default, the prompt is set to the current directory
  --folder-name name   Use your own folder name, default: state
  --spec boolean      Creates a spec file for store, default: true

Custom template generator

  --plopfile path   Path to the plopfile

Plopๆ˜ฏๅ•ฅ?

Plop ๆˆ‘ไปฌๅฐ†ไป–็งฐไธบโ€œๅพฎๅž‹ๅ‘็”ตๆœบๆก†ๆžถโ€(micro-generator framework)ใ€‚็Žฐๅœจๆˆ‘็งฐๅ…ถไธบโ€œๅฐๅทฅๅ…ทโ€๏ผŒๅ› ไธบๅฎƒไธบๆ‚จๆไพ›ไบ†ไธ€็งไปฅไธ€่‡ด็š„ๆ–นๅผ็”Ÿๆˆไปฃ็ ๆˆ–ไปปไฝ•ๅ…ถไป–็ฑปๅž‹็š„็บฏๆ–‡ๆœฌๆ–‡ไปถ็š„็ฎ€ๅ•ๆ–นๆณ•ใ€‚ ๆ‚จไผšๅ‘็Žฐ๏ผŒๆˆ‘ไปฌ้ƒฝๅœจไปฃ็ (ไพ‹ๅฆ‚ routes, controllers, components, helpers)ไธญๅˆ›ๅปบไบ†็ป“ๆž„ๅ’Œๆจกๅผใ€‚ ่ฟ™ไบ›ๆจกๅผไผš้š็€ๆ—ถ้—ด็š„ๆต้€่€Œๅ˜ๅŒ–ๅ’Œๆ”น่ฟ›๏ผŒๅ› ๆญคๅฝ“ๆ‚จ้œ€่ฆๅœจๆญคๅค„ๅˆ›ๅปบๆ–ฐ็š„ๆจกๅผๆ’ๅ…ฅๅ็งฐๆ—ถ๏ผŒๅœจไปฃ็ ๅบ“ไธญๆŸฅๆ‰พไปฃ่กจๅฝ“ๅ‰โ€œๆœ€ไฝณๅฎž่ทตโ€็š„ๆ–‡ไปถๅ˜ๅพ—ๅพˆๅ›ฐ้šพ๏ผŒ้‚ฃไนˆ๏ผŒๆ˜ฏๆ—ถๅ€™ๅซๅ‡บPlopไบ†ใ€‚ ไฝฟ็”จplop๏ผŒๆ‚จๅฏไปฅไฝฟ็”จโ€œๆœ€ไฝณๅฎž่ทตโ€ๆ–นๆณ•ๅœจCODEไธญๅˆ›ๅปบไปปไฝ•็ป™ๅฎš็š„ๆจกๅผใ€‚ๅฏไปฅ้€š่ฟ‡่พ“ๅ…ฅplop่ฝปๆพๅœฐไปŽ็ปˆ็ซฏ่ฟ่กŒไปฃ็ ใ€‚ ่ฟ™ไธไป…ๅ…ไบŽๅœจไปฃ็ ๅบ“ไธญๅ››ๅค„ๅฏปๆ‰พ่ฆๅคๅˆถ็š„ๆญฃ็กฎๆ–‡ไปถ๏ผŒ่€Œไธ”่ฟ˜ไฝฟโ€œๆญฃ็กฎ็š„ๆ–นๅผโ€ๅ˜ๆˆไบ†โ€œๅˆ›ๅปบๆ–ฐๆ–‡ไปถ็š„ๆœ€็ฎ€ๅ•็š„ๆ–นๅผโ€ใ€‚

Previousไป‹็ปNextLogger

Last updated

Was this helpful?