Vue.js学习初步--让webstorm支持Vue

1.Vue插件安装:

Files->Settings->Plugins 点击 Browse repositories

Vue.js学习初步--让webstorm支持Vue_第1张图片
vue插件安装1

在搜索框中键入 “vue”,安装列表中有关 vue的所有插件(点击install安装),安装结束之后如下图所示
Vue.js学习初步--让webstorm支持Vue_第2张图片
vue插件安装2

2.设置文件格式:(这一步老版本需要,新版本的好像不需要)

Files->Settings->Editor->File Types 点击“+” 在弹出框中键入*.vue保存即可

Vue.js学习初步--让webstorm支持Vue_第3张图片
添加vue文件的格式支持

3.设置使用Es6语法:

Files->Languages&Frameworks->JavaScript 选择ECMAscript6

4.设置Vue文件格式

Files->Settings->Editor->File&Code Template 点击“+”添加vue模板支持


Vue.js学习初步--让webstorm支持Vue_第4张图片
添加vue模板支持

哈哈哈 已经能够成功支持啦!

你可能感兴趣的:(Vue.js学习初步--让webstorm支持Vue)