webstorm使用

1. 打开toolbar

2. 安装vue.js

3. 设置new vue file模板

<template>
    <div>
        <header-component/>
        <div>this is template body</div>
        <other-component/>
      </div>
</template>  

 <script>
            export default{
                      }
 </script>  

 <style>      

</style> 

4.  Vue项目打包

npm run dev

6. webstorm修改文件，webpack-dev-server不会自动编译刷新

转自：http://www.cnblogs.com/wshiqtb/p/5924172.html

重装了 webstorm ，从10升级到了2016

一升不要紧，打开老项目，开启webpakc-dev-server，然后改代码，发现浏览器不会自动刷新了！！！

这可急死我了，各种卸载webpack、webpack-dev-server，安装各种版本，调试。各种查资料查文档，都讲的是参数配置（webpack-dev-server启动就会自刷新，参数都是其它用途）。

然后结果都是 no work！！！

难道以后我的工作以后就在 不断的  手动编译中度过吗？？？？？？？，不甘心！！！

废话不多说了，最后在我快要放弃的时候，不经意间发现了一些猫腻（天助我也）：

webstorm的保存，会在临时文件夹中创建一个文件用来保存（好像没有出发实际文件的变更），所以我们要在setting中勾掉这个设置，如下图

切记，这里的勾是要勾掉（就是不选择）

it  work  good！！！

7. webstorm不能新建vue.js工程

可以通过webstorm的终端控制台来新建项目