ดาวน์โหลด web app template - web app template ดาวน์โหลดซอร์สโค้ด

web app template

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

เทมเพลตเว็บแอป

web app template ที่ไม่เชื่อเรื่องพระเจ้าเฟรมเวิร์ก โปรเจ็กต์นี้เหมือนกับ Create React App ยกเว้น React จะถูกลบออก

ดูเว็บแอป

ข้อกำหนดเบื้องต้น

โหนด js

ติดตั้ง

โคลนที่เก็บ:

git clone https://github.com/remarkablemark/web-app-template.git
cd web-app-template

เปลี่ยนชื่อโครงการ:

web app template /My App Template/g' git grep -l 'Web App' | xargs sed -i '' -e 's/Web App/My App/g'">

git grep -l web-app-template | xargs sed -i ' ' -e ' s/web-app-template/my-app/g '
git grep -l ' web app template ' | xargs sed -i ' ' -e ' s/ web app template /My App Template/g '
git grep -l ' Web App ' | xargs sed -i ' ' -e ' s/Web App/My App/g '

อัพเดตไฟล์:

ติดตั้งการพึ่งพา:

npm install

เริ่มต้นพื้นที่เก็บข้อมูลใหม่:

rm -rf .git
git init

กระทำการครั้งแรกของคุณ:

git add .
git commit -m ' feat: initialize project from web-app-template '

ข้อความ Commit เป็นไปตามรูปแบบ Conventional Commits ซึ่งใช้ในระหว่างการเผยแพร่

เมื่อคุณพร้อมแล้ว ให้พุชพื้นที่เก็บข้อมูลในเครื่องไปที่ GitHub (หรือพื้นที่เก็บข้อมูลระยะไกลอื่น):

git remote add origin < remote-repository-url >
git push origin -u origin master

สคริปต์ที่มีอยู่

ในไดเร็กทอรีโปรเจ็กต์ คุณสามารถรัน:

`npm start`

เรียกใช้แอปในโหมดการพัฒนา

เปิด http://localhost:3000 เพื่อดูในเบราว์เซอร์

เพจจะโหลดซ้ำหากคุณทำการแก้ไข

คุณจะเห็นข้อผิดพลาดของขุยในคอนโซลด้วย

`npm run build`

สร้างแอปสำหรับการผลิตไปยัง build ด์

รวมกลุ่มอย่างถูกต้องในโหมดการใช้งานจริงและปรับโครงสร้างให้เหมาะสมเพื่อประสิทธิภาพที่ดีที่สุด

โครงสร้างถูกย่อให้เล็กลงและชื่อไฟล์มีแฮชด้วย

แอปของคุณพร้อมที่จะปรับใช้แล้ว!

ดูส่วนเกี่ยวกับการปรับใช้สำหรับข้อมูลเพิ่มเติม

`npm run release`

กระแทกเวอร์ชัน package.json ด้วยเวอร์ชันมาตรฐาน

`npm run deploy`

ปรับใช้แอปกับ GitHub Pages โดยกดโฟลเดอร์ build ด์ไปที่สาขา gh-pages ของที่เก็บระยะไกล

ตัวแปรสภาพแวดล้อม

ตัวแปรสภาพแวดล้อมทำงานคล้ายกับ Create React App ยกเว้นว่าจะขึ้นต้นด้วย WEB_APP_ แทนที่จะเป็น REACT_APP_

ตัวอย่างเช่น:

 # .env
WEB_APP_VERSION=$npm_package_version
WEB_APP_DOMAIN=www.example.com
WEB_APP_FOO=$DOMAIN/foo

การทดสอบ

การทดสอบดำเนินการเหมือนกับการสร้างแอป React:

npm test

สร้าง

คุณสามารถสร้างแอปการผลิตภายในเครื่องได้ด้วย:

npm run build

เปลี่ยนชื่อไดเร็กทอรี build หากแอปของคุณโฮสต์อยู่ที่ไดเร็กทอรีย่อย:

mv build web-app-template

หรือป้อนไดเร็กทอรี build หากแอปของคุณโฮสต์อยู่ที่รูท:

 cd build

เริ่มเซิร์ฟเวอร์ไฟล์แบบคงที่:

python -m SimpleHTTPServer

หยุดเซิร์ฟเวอร์ด้วย Ctrl + C

เปิด http://localhost:8000 เพื่อดูในเบราว์เซอร์

หากแอปของคุณโฮสต์อยู่ที่ไดเรกทอรีย่อย ให้เปิดโฟลเดอร์ในรายการไดเรกทอรี

เมื่อเสร็จแล้ว ให้ล้างไดเร็กทอรี build

หากแอปของคุณโฮสต์อยู่ที่ไดเรกทอรีย่อย:

rm -rf web-app-template

หรือหากแอปของคุณโฮสต์อยู่ที่รูท:

rm -rf build

เค้าโครง

โครงสร้างไดเร็กทอรี (ไม่ระบุ dotfiles):

tree -I ' build|node_modules '
.
├── LICENSE
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

2 directories, 13 files