Webstorm支持的更多，IDEA需要自己配置例如less或这sass；点击Preferences LanguagesFrameworks Nodejs and npm，勾选coding assistance for Nodejs，点击ok保存。

用webstorm2018就行点击new，新建创建点击下一步，只有ESLint选为No在新的窗口，npm run dev ，能正常启动的话，项目就OK了如果报错，比如少各种东西Cannot find module #39extracttextwebpackplugin#39缺什么就安装；方法1安装 Vuejs 插件打开 SettingsPlugins 搜索安装css预处理器支持在我写这文章的时间，还没有支持预处理的方案，不过现在已经很简单了给 style 标签加上 rel=”stylesheetscss” 属性即可支持 scss 语法，看规则。

webstorm中HTML代码取消高亮方法如下 1点击File Settings Editor Colors Fonts Html 2选中 Tag ，右侧有选项“Use inherited attributes” 勾选 3确定，完成；下面就是在WebStorm设置SASS的File Watchers的步骤1 安装Ruby ，去这里下载，然后安装2 安装Sass 安装好Ruby后，打开CMD命令，输入gem install sass 注意这里有可能安装没反应或提示网络错误什么的解决办法是使用；在编写Vue项目的时候， 往往只能使用Atom等编辑器 我这种 Jetbrains 粉表示不服， 一定有办法使用的在设置中选择plugin插件， 选择 Browse repositories， 左上角搜索Vue 在设置中， 将 *vue 添加进入Vuejs Template 中。

1Javascript version为 ReactJSX 如果没有，就JSX Harmony2HTML 类型文件中增加 vue方法如下1preferences Editor File Types 中找到上边框中HTML 在下边加一个 *vue2preferences Lang；首先你所开的软件和程序太多了，所以根据8G容量运行内存不够用，目前解决办法就是增加一条8G内存上去组成双通道16G内存，也不清楚你CPU性能是否够，如果不够就需要换个CPU性能更好的；实在不行，就先创个JS的文件，在改名，改成vue文件；1webstorm中es6语法报错，解决方法打开 Settings = Languages Frameworks = Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的js文件中es6不再报错，但是vue文件中es6语法依然报错2 vue；03vuecli vue家的项目脚手架，推荐使用vuecli老家在这里 vuecli可以帮我们自动搭建项目，首先npm全局安装 npm install g vuecli 然后创建一个新的项目 vue init webpack myproject 一路回车，搞定更多配置；WebStorm 现在会识别 vue 文件并在模板中增加代码补全功能当引用其他视图组件时，WebStorm 也将能够自动补全代码并自动增加 import 声明4在构建基于 Webpack 的前端工作流时，CommonsChunkPlugin 是常用的公共代码提取；不能包含大写字母重新选择路径创建此处留个坑vue注册组件时，大写的组件名是支持的，只是使用时需要将大写改小写并加中划线。

1 ideaVim 此插件可以让 webstorm 编辑器支持 vim2 ignore 可以支持 gitignore 的语法规则，并提供了一些自动将文件加入 gitignore 中的功能3 eslint 语法检查的插件 4 AceJump 用于光标的快速定位与跳转；说明你没安装vue阿 而且你脚手架为什么用webstorm安装，vue init就是生成脚手架吧，你vue init能执行么既然可以vue init说明vue命令环境中存在阿，如果不能执行说明你全局就没安装vue，安装脚手架和安装vue可不是一个概念；1WebStorm 帮助编写HTMLCSSLessSass和Stylus代码，并且支持Nodejs和主流框架，如ReactAngular VuejsMeteor等与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能但是付费软件2IntelliJ idea id。