在零配置的情況下，怎麼啟動、打包一個.vue檔案？

問題

比如我們在開發一個元件，以及做一些小demo的時候，怎麼快速啟動服務？

解決

1、安裝拓展

npm install -g @vue/cli-service-global      

2、建立vue檔案

建立一個vue-test檔案夾，在裡面建立一個kaimo.vue檔案，寫上vue代碼。

<template>
  <div class="kaimo">{{ msg }}</div>
</template>
<script>
export default {
    data() {
        return {
            msg: 'kaimo 666！'
        }
    }
}
</script>
<style>
.kaimo {
    color: green;
    font-size: 48px;
}
</style>      

3、啟動服務

打開vscode的終端，輸入下面的指令然後回車。

vue serve kaimo.vue      

4、啟動成功

啟動成功之後，vue-test檔案夾裡會多一個node_modules檔案夾，ctrl+滑鼠左鍵，點選連結就會出現下面頁面。

5、打包

vue build kaimo.vue