ð V2Board ãŠãŒã¶ãŒããã³ããšã³ããããžã§ã¯ã
çŸããã¢ãã³ãª V2Board 管çç»é¢ããã³ããšã³ããããžã§ã¯ããVue 3 ããŒã¹ã§éçºã
âš ç¹åŸŽ
- ðš æŽç·ŽãããçŸãã UI ãã¶ã€ã³
- ð ã©ã€ã/ããŒã¯ããŒãåãæ¿ã察å¿
- ð å€èšèªå¯Ÿå¿ïŒäžåœèª/è±èªïŒ
- ð± ã¬ã¹ãã³ã·ããã¶ã€ã³ãããããããã€ã¹ã«æé©å
- ð å å®ãããã°ã€ã³èªèšŒã·ã¹ãã
- ð ã¢ãžã¥ãŒã«åãããã³ãŒãæ§é ãä¿å®ã»æ¡åŒµã容æ
ð§© æè¡ã¹ã¿ãã¯
| æè¡ | 説æ |
|---|---|
| Vue 3 | ããã°ã¬ãã·ã JavaScript ãã¬ãŒã ã¯ãŒã¯ |
| Vue Router | å ¬åŒã«ãŒã¿ãŒç®¡ç |
| Vuex | ç¶æ 管çãã¿ãŒã³ |
| Axios | Promise ããŒã¹ã® HTTP ã¯ã©ã€ã¢ã³ã |
| Sass | CSS ããªããã»ããµ |
| Vue I18n | åœéåãœãªã¥ãŒã·ã§ã³ |
ð ãããžã§ã¯ãæ§æ
src/
âââ api/ # API ã€ã³ã¿ãŒãã§ãŒã¹
âââ assets/ # éçãªãœãŒã¹
â âââ styles/ # ã¹ã¿ã€ã«ãã¡ã€ã«
â âââ base/ # ããŒã¹ã¹ã¿ã€ã«
â âââ components/ # ã³ã³ããŒãã³ãã¹ã¿ã€ã«
â âââ layouts/ # ã¬ã€ã¢ãŠãã¹ã¿ã€ã«
âââ components/ # å
±éã³ã³ããŒãã³ã
âââ composables/ # ã³ã³ããŒã¶ãã« API
âââ i18n/ # åœéå
â âââ locales/ # èšèªããã¯
âââ router/ # ã«ãŒãã£ã³ã°èšå®
âââ store/ # Vuex ã¹ãã¢
âââ utils/ # ãŠãŒãã£ãªãã£é¢æ°
âââ views/ # ããŒãžãã¥ãŒ
âïž ã«ã¹ã¿ã èšå®
src/config/index.js ãã¡ã€ã«ã§ããŒãã«ã©ãŒãAPI ããŒã¹ URLããã®ä»ã®èšå®ã倿Žã§ããŸãã
ð ïž ã¯ããã«
1ïžâ£ äŸåé¢ä¿ã®ã€ã³ã¹ããŒã«
npm install
2ïžâ£ éçºç°å¢ã§ã®å®è¡
npm run serve
3ïžâ£ æ¬çªç°å¢çšãã«ã
npm run build
ð ãã©ãŠã¶ãµããŒã
â Chrome â Firefox â Safari â Edge â ãã®ä»ã®ã¢ãã³ãã©ãŠã¶