تنزيل web app template - تنزيل رمز مصدر web app template

web app template

بيانات الموقع

1.0.0

تنزيل

قالب تطبيق الويب

web app template محايد للإطار. يشبه هذا المشروع إنشاء تطبيق React باستثناء إزالة React.

عرض تطبيق الويب.

المتطلبات الأساسية

Node.js

ثَبَّتَ

استنساخ المستودع:

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

إعادة تسمية المشروع:

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'">

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 '

تتبع رسائل الالتزام تنسيق الالتزامات التقليدية، والذي يتم استخدامه أثناء الإصدار.

بمجرد أن تصبح جاهزًا، ادفع المستودع المحلي إلى 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 عن طريق دفع مجلد build إلى فرع gh-pages الخاص بالمستودع البعيد.

متغيرات البيئة

تعمل متغيرات البيئة بشكل مشابه لإنشاء تطبيق React باستثناء أنها تبدأ بـ 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

أعد تسمية دليل البناء إذا كان تطبيقك مستضافًا في دليل فرعي:

mv build web-app-template

أو أدخل دليل البناء إذا كان تطبيقك مستضافًا في الجذر:

 cd build

بدء تشغيل خادم ملفات ثابت:

python -m SimpleHTTPServer

أوقف الخادم بالضغط على Ctrl + C .

افتح http://localhost:8000 لمشاهدته في المتصفح.

إذا تمت استضافة تطبيقك في دليل فرعي، فافتح المجلد في قائمة الدليل.

بمجرد الانتهاء، قم بتنظيف دليل البناء.

إذا تمت استضافة تطبيقك في دليل فرعي:

rm -rf web-app-template

أو إذا كان تطبيقك مستضافًا في الجذر:

rm -rf build

تَخطِيط

بنية الدليل (يتم حذف الملفات النقطية):

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