1、webstorm快速生成html框架 1AltF7打开设置页面2点击右边的“”号添加LiveTemplate设置关键字和代码，选择下面的定义，选择JavaScript，点击确定新手如何制作简单的h5页面新手可以尝试用意派Epub360制作一些简单的H5作品，这。

2、将router设置到vue对象中，这里是一个简化的写法，完整的写法是routerrouter，如果keyvalue一模一样，则可以简写声明一个组件App，App这个组件在一开始已经导入到项目中了，但是直接导入的组件无法直接使用，必须要声明tem。

3、在设置中选择plugin插件， 选择 Browse repositories， 左上角搜索Vue 在设置中， 将 *vue 添加进入Vuejs Template 中 若提示冲突， 点击移除原来的即可 在设置中搜索JavaScript， 将JS版本选择为ECMAScript 6 在设置中。

4、重新选择路径创建此处留个坑vue注册组件时，大写的组件名是支持的，只是使用时需要将大写改小写并加中划线。

5、vuecli可以帮我们自动搭建项目，首先npm全局安装 npm install g vuecli 然后创建一个新的项目 vue init webpack myproject 一路回车，搞定更多配置项请参考上面给出的vuecli链接这里从网上下载了一个带webpack。

6、1Javascript version为 ReactJSX 如果没有，就JSX Harmony2HTML 类型文件中增加 vue方法如下1preferences Editor File Types 中找到上边框中HTML 在下边加一个 *vue2preferences Lang。

7、1webstorm中es6语法报错，解决方法打开 Settings = Languages Frameworks = Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的js文件中es6不再报错，但是vue文件中es6语法依然报错2 vue。

8、1安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm因为速度和稳定性都比较好2在目标文件夹下打开终端 3执行cnpm install vuecli。

9、点击Preferences LanguagesFrameworks Nodejs and npm，勾选coding assistance for Nodejs，点击ok保存。

10、说明你没安装vue阿 而且你脚手架为什么用webstorm安装，vue init就是生成脚手架吧，你vue init能执行么既然可以vue init说明vue命令环境中存在阿，如果不能执行说明你全局就没安装vue，安装脚手架和安装vue可不是一个概念。

11、工具原料 vuejs webstorm 方法步骤 一原理 如上图所示，我们需要为要刷新的页面A编写一个自动跳回的空页面，当用户操作了A页面后，A页面先跳转到空页面，然后空页面马上跳回A页面，这时候vue会去重新加载A页面这种。

12、1WebStorm帮助编写HTMLCSSLessSass和Stylus代码，支持Nodejs和ReactAngularVuejsMeteor等主流框架与IntelliJIDEA同源，它继承了IntelliJIDEA强大的JS部分的功能但是付费软件2IntelliJideaidea是学校老师教的。

13、cnpm i1 4 ok，一切顺利然后，执行 cnpm run dev 12 5 ok，打开浏览器跑起来了，正常然而 6 解决scanning files to index 打开常用的webstorm 10打开这个learnvue看到了 scanning files to index意思。

14、实在不行，就先创个JS的文件，在改名，改成vue文件。

15、远程调试是用来调试运行在安桌上的浏览器中的网页，本地网页可以用WebStorm发布成Web服务，就可以用谷歌浏览器的远程调试来调试了如没有特别需求，本地网页可以在Chrome中直接调试的关于谷歌应用问题1由于谷歌之前已经退出中国。

16、这篇文章主要介绍了详解设置Webstorm 利用babel将ES6自动转码成ES5，现在分享给大家，也给大家做个参考前言ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了Mozilla公司将在这个标准的基础上，推出。