Vue.js(Vue CLI)の起動方法と停止方法【現役エンジニアが解説】

PROGRAM

今回は、Vue.js(Vue CLI)の起動方法と停止方法について、簡単に解説していきます。

プロジェクトの作成

Vue CLIでVue.jsを起動する前にプロジェクトがないといけません。

プロジェクトをまだ作っていない場合には、Vue CLIで簡単に作れます。

vue create test-project

上記の例では、test-projectというVue.jsのプロジェクトを作成します。

プロジェクトの起動

Vue.jsのプロジェクトを作成したら、いよいよVue CLIで起動です。

cd test-project

起動前に上記のようにVue.jsのプロジェクトのディレクトリに移動します。

npm run serve

上記のコマンドで、カレントディレクトリのVue.jsのプロジェクトを起動させることができます。

プロジェクトの停止

用が済んだらVue CLIでVue.jsのプロジェクトの動作を停止させましょう。

Ctrlキー + Cキー

上記のように、CtrlキーとCキーを同時に押すことで停止させることができます。

今回の方法はVue CLIを利用する場合のため、直接組み込みやCDNの方式でインストールしている場合には別の方法となります。