分別在Windows 和 Mac 下webstorm 設置 vue

在Windows環境下:

1、安裝Vue插件
點擊file,找到plugins


如果查找到Vue,就將后面的check框勾選上,如果沒有,最右邊框有相關資源,點擊加入就好,然后點擊應用
2、設置Vue新建模板
file-->settings --> editor --> file and code template
如圖所示:

3、將JavaScript 的版本改成es6
file --> settings --> languages & frameworks -->javascript

點擊應用,就可以看到 這里可以創建Vue compone 文件了

這里送上我的模板

<template>
  <div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        msg: 'hello world!'
      }
    } ,
    methods:{},
    components:{}
  }
</script>

在mac環境下:

mac 的 settings 是在 webstrom --> preferences 下。 其余設置方法和Windows一樣。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容