📌

よく使う起動コマンド_フルスタックWebアプリ開発_1

に公開
ターミナル
コマンドスタック
macシェル
tech

1. フロントエンド（React）の初期化と起動

# Reactプロジェクトの作成と起動
npx create-react-app my-app
cd my-app
npm start

2. バックエンド（Node.js / Express）のセットアップと起動

# Expressプロジェクトの初期化と起動
npm init -y
npm install express
node server.js

3. データベース（MongoDB）の起動

# MongoDBサーバーの起動
mongod

4. フルスタック（MERN）の開発サーバー起動

# フルスタック開発サーバーの起動
npm run dev

5. Next.jsプロジェクトの作成と起動

# Next.jsプロジェクトの作成と起動
npx create-next-app@latest
cd my-next-app
npm run dev

6. Vue.jsプロジェクトの作成と起動

# Vue.jsプロジェクトの作成と起動
npm init vue@latest
cd my-vue-project
npm install
npm run dev

7. Angularプロジェクトの作成と起動

# Angularプロジェクトの作成と起動
ng new my-angular-app
cd my-angular-app
ng serve

8. Djangoプロジェクトの作成と起動

# Djangoプロジェクトの作成と起動
django-admin startproject myproject
cd myproject
python manage.py runserver

9. Ruby on Railsプロジェクトの作成と起動

# Railsプロジェクトの作成と起動
rails new myapp
cd myapp
rails server

10. Laravelプロジェクトの作成と起動

# Laravelプロジェクトの作成と起動
composer create-project laravel/laravel example-app
cd example-app
php artisan serve

11. Dockerの起動

# Dockerコンテナの起動
docker-compose up

12. Kubernetesの操作

# Kubernetesデプロイメントの適用とPod確認
kubectl apply -f deployment.yaml
kubectl get pods

13. Webpackの開発サーバー起動

# Webpack開発サーバーの起動
npx webpack serve

14. Gulpタスクの実行

# Gulpタスクの実行
npx gulp

15. Viteプロジェクトの作成と起動

# Viteプロジェクトの作成と起動
npm init vite@latest
cd my-vite-project
npm install
npm run dev

これらのコマンドは、プロジェクトの初期化、依存関係のインストール、
開発サーバーの起動などの一般的なタスクをカバーしています。

実際の使用時には、プロジェクトの要件や使用するツールに応じて適切なコマンドを選択してください。
プロジェクトの要件に応じて、必要なコマンドブロックを選択して実行してください。

全部おまとめ　Ver.　↓↓

# フロントエンド（React）
npx create-react-app my-app
cd my-app
npm start

# バックエンド（Node.js / Express）
npm init -y
npm install express
node server.js

# データベース（MongoDB）
mongod

# フルスタック（MERN）
npm run dev

# Next.js
npx create-next-app@latest
cd my-next-app
npm run dev

# Vue.js
npm init vue@latest
cd my-vue-project
npm install
npm run dev

# Angular
ng new my-angular-app
cd my-angular-app
ng serve

# Django
django-admin startproject myproject
cd myproject
python manage.py runserver

# Ruby on Rails
rails new myapp
cd myapp
rails server

# Laravel
composer create-project laravel/laravel example-app
cd example-app
php artisan serve

# Docker
docker-compose up

# Kubernetes
kubectl apply -f deployment.yaml
kubectl get pods

# Webpack
npx webpack serve

# Gulp
npx gulp

# Vite
npm init vite@latest
cd my-vite-project
npm install
npm run dev

Discussion