vue初学者对于webstrom的配置

1，webstrom打开带有node_modules的文件夹时会卡死

    在settings中如下设置，将node_modules加入忽略的文件中

2，怎样在webstrom中显示vue代码的高亮

    在settings的plugins中收索下载vuejs，然后下载，因为我这里已经下载过，所以这里变成卸载了

3，怎样建立.vue模板

    在settings中的file and code templates中点击右边加号建立自己想要的.vue模板

4，vue路径优化resolve

    在webpack.base.conf中建立路径优化

    

5，将WebStorm的格式化缩进设置和Vue.js保持一致

    如果你用webstorm开发过vue项目，你就会知道，webstorm的默认缩进是4个空格，而eslint做代码检查时默认缩进是2个空格，如果不将两者改成一样，那在你编写代码时你习惯性的用缩进留下的四个空格在eslint检查时就会报warning，因此为了避免这种情况的发生，我们需要将两者缩进设为一致，从下面我们可以看出，vue模板的格式化缩进是2个空格：

    

    而webstorm默认缩进是4个空格，可以在settings>editor>code style>javascript中看到

    

    所以要让两者保持一致，只需要将webstorm的缩进改成2个空格就可以了

    

6,将webpack改成支持es6语法

 

 

转载于:https://my.oschina.net/u/3689373/blog/1625573