title: What is the proper way to terminate the Vue CLI 3 development server?
body: <p>I have just started to use Vue CLI 3 for a project and it looks like I am not terminating a development session correctly. Like <a href="https://cli.vuejs.org/guide/cli-service.html" rel="noreferrer">the docs suggests</a> I start a development session with:</p>
  
  <pre><code>npm run serve
  </code></pre>
  
  <p>Which gives me the port to work on:</p>
  
  <blockquote>
    <p>App running at:<br>
     - Local:   <a href="http://localhost:8087/" rel="noreferrer">http://localhost:8087/</a><br>
     - Network: <a href="http://192.168.0.100:8087/" rel="noreferrer">http://192.168.0.100:8087/</a>  </p>
  </blockquote>
  
  <p>When I'm done working on my project I hit <code>Ctrl-Z</code> and I have my command line back. Yay!</p>
  
  <p>But this leaves something still listening on the port:</p>
  
  <pre><code>lsof -i TCP:8087
  COMMAND   PID   USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
  node    58122 jannie   14u  IPv4 0xc7ce0b7d644a357d      0t0  TCP *:8087 (LISTEN)
  </code></pre>
  
  <p>How can I terminate the development server gracefully so that it frees the port when I am done?</p>