Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)

第一节完成了项目的搭建,但点开里面目录,发现vue文件的内容报错,而且后缀为vue的文件也没有特殊显示。这是因为开发环境没有进行相应的设置导致。这是设置前的展示效果。
Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)
第一步是设置对es6的支持。vue2的开发代码使用了es6语法,而webstorm默认是支持es5,需要设置下对es6的支持。

Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)

添加选择ECMAScript6

Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)

第二步:添加vue插件
Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)

添加成功后,显示效果就如下,表示安装Ok了:
Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置(二)