npm run serverで起動したサーバーを停止させたい

Question

前提

VueとDjangoでアプリケーションを作成しています。
python manage.py runserverと、
npm run serve -- --port 8020で
起動でき、連携するところまで実装できました。

実現したいこと　＆　発生している問題・エラーメッセージ

毎回、コマンドを入力するのが手間なので、
自作のコマンドを作成しました。

自作のコマンドは問題なく実行できたのですが、
vue側のサーバーを停止することができず、
ずっと立ち上がった状態です。
Ctrl + C では、停止できず、
再度、自作のコマンドを実行すると
ポートがすでに使用されているためか、8021, 8022, 8023と
新しいポートでどんどんサーバーが立ち上がってしまいます。

恐らく、自作のコマンドに問題があると思います。
また、立ち上げたサーバーを停止する方法はありますでしょうか？

該当のソースコード

#!/bin/sh

cd
cd private/testapp/env/bin/
source activate
cd django_vuejs/server/
python manage.py runserver &

cd
cd private/testapp/env/bin/django_vuejs/client/
npm run serve -- --port 8020

Answer 1

python manage.py runserver &

バックグラウンドで起動しているのでCtrl+cでは停止できない
psコマンドでプロセスIDを確認し、killコマンドで該当のプロセスIDを停止する

Comments

[hanatareeeeo]

もともとのpsコマンドの存在を知らずに、
psを使用した別のコマンドを設定していました。

問題なく、停止させることができました。
ありがとうございます。