Intelij idea 環境下搭建vue.js環境

1.到nodejs下載官網下載安裝nodejs

2.用intelij idea 打開帶有vue文件的項目

3.隨便打開一個vue文件，在窗口的右上角會顯示 "install ..."的提示框，安裝vue的插件，則項目下的vue文件的圖標將會顯示成vue的專屬圖標

4.在html類型下添加 .vue 類型，此時所有的vue文件類型都以html類型顯示

5.在Intelij idea 中能夠新建vue類型的文件的設置

模板：

<template>

    <div> {{msg}}</div>

</template>

<style></style>

<script>

    export default{ data () { return {msg: 'vue模板頁'} } }

</script>