ผลต่างระหว่างรุ่นของ "Se63/nestjs-react-install-notes"
ไปยังการนำทาง
ไปยังการค้นหา
Jittat (คุย | มีส่วนร่วม) (สร้างหน้าด้วย "## Backend: ติดตั้ง NestJS ติดตั้ง @nestjs/cli npm install @nestjs/cli สร้าง nest app <tt>cr-backend</tt> npx...") |
Jittat (คุย | มีส่วนร่วม) |
||
(ไม่แสดง 3 รุ่นระหว่างกลางโดยผู้ใช้คนเดียวกัน) | |||
แถว 1: | แถว 1: | ||
− | + | : ''หน้านี้เป็นส่วนหนึ่งของ [[se63]]'' | |
+ | == Backend: ติดตั้ง NestJS == | ||
ติดตั้ง @nestjs/cli | ติดตั้ง @nestjs/cli | ||
แถว 8: | แถว 9: | ||
npx nest new cr-backend | npx nest new cr-backend | ||
+ | |||
+ | เรียก install node modules | ||
+ | |||
+ | cd cr-backend | ||
+ | npm install | ||
+ | |||
+ | == Frontend: ติดตั้ง NestJS == | ||
+ | |||
+ | เรียก create react app (ไม่ต้องติดตั้ง) เพื่อสร้าง <tt>cr-frontend</tt> '''อย่าลืมใส่ <tt>--template typescript</tt>''' | ||
+ | |||
+ | npx create-react-app cr-frontend --template typescript | ||
+ | |||
+ | ลบ node_modules ที่ project หลักก่อน กัน package ตีกัน (ดู folder ดีๆ) ถ้าบน linux/mac สั่ง | ||
+ | |||
+ | rm -rf node_modules | ||
+ | |||
+ | ติดตั้งของ | ||
+ | |||
+ | cd cr-frontend | ||
+ | npm install | ||
+ | |||
+ | '''บน windows''': แก้ port ตามนี้ | ||
+ | |||
+ | "start": "set PORT=2000 && react-scripts start" |
รุ่นแก้ไขปัจจุบันเมื่อ 02:57, 17 สิงหาคม 2563
- หน้านี้เป็นส่วนหนึ่งของ se63
Backend: ติดตั้ง NestJS
ติดตั้ง @nestjs/cli
npm install @nestjs/cli
สร้าง nest app cr-backend
npx nest new cr-backend
เรียก install node modules
cd cr-backend npm install
Frontend: ติดตั้ง NestJS
เรียก create react app (ไม่ต้องติดตั้ง) เพื่อสร้าง cr-frontend อย่าลืมใส่ --template typescript
npx create-react-app cr-frontend --template typescript
ลบ node_modules ที่ project หลักก่อน กัน package ตีกัน (ดู folder ดีๆ) ถ้าบน linux/mac สั่ง
rm -rf node_modules
ติดตั้งของ
cd cr-frontend npm install
บน windows: แก้ port ตามนี้
"start": "set PORT=2000 && react-scripts start"