1、用webstorm2018就行点击new，新建创建点击下一步，只有ESLint选为No在新的窗口，npm run dev ，能正常启动的话，项目就OK了如果报错，比如少各种东西Cannot find module #39extracttextwebpackplugin#39缺什么就安装。
2、方法1安装 Vuejs 插件打开 SettingsPlugins 搜索安装css预处理器支持在我写这文章的时间，还没有支持预处理的方案，不过现在已经很简单了给 style 标签加上 rel=”stylesheetscss” 属性即可支持 scss 语法，看规则。
3、03vuecli vue家的项目脚手架，推荐使用vuecli老家在这里 vuecli可以帮我们自动搭建项目，首先npm全局安装 npm install g vuecli 然后创建一个新的项目 vue init webpack myproject 一路回车，搞定更多配置。
4、不能包含大写字母重新选择路径创建此处留个坑vue注册组件时，大写的组件名是支持的，只是使用时需要将大写改小写并加中划线。
5、打开git之后会显示然后我们执行npm install webpack就会自动下载webpack最新版本了在这里我们直接进入正题，怎么使用vuecli搭建vue的开发环境在这里我们需要全局安装vuecli在git里执行npm install vuecli g 安装vue命令环境。
6、第1步安装crossenv在项目目录下运行如下命令安装crossenv，我的ide是webstorm，要以直接在ide里的Terminal窗口中运行，也可能通过windows的CMDLinux的Terminal定位到项目根目录运行下面的命令npm i savedev cross。
7、Mac端WebStorm用户 command + ， 打开偏好设置，选择plugins点击下方的browse repositories 在打开窗口的搜索栏里打quotvuequot 有两个插件 但是都不是官方的 如果想要高亮显示*vue文件，可以在File Types。
8、1输入cd myproject项目名，回车，进入到具体项目文件夹输入cnpm install，回车，等待一小会儿回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹该文件里的内容就是之前安装的依赖webstorm安装。
9、1webstorm中es6语法报错，解决方法打开 Settings = Languages Frameworks = Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的js文件中es6不再报错，但是vue文件中es6语法依然报错2 vue。
10、Vue是web前端快速搭建网站的框架之一它与jQuery有所不同，是以数据驱动web界面以操作数据改变页面，而jQuery是以操作节点来改变页面，同时，vue还实现了数据的双向绑定，可及时响应用户的输入最主要的是vue的写法简单。
11、可以说，vscode既拥有高自由度又拥有高性能和高颜值，最关键的是，vscode还是一款免费并且有团队持续快速更新的代码编辑器可以说，vscode是代码编辑器的首选个人推荐编写前端代码时，代码编辑器选择vscode，IDE选择WebStorm。
12、我们用vuecli脚手架生成项目，会用vue的同学对这块应该很熟了 全局安装脚手架工具npm i vuevli g 验证脚手架工具安装成功与否vue version 构建项目vue init webpack 项目名 测试vue项目是否运行成功npm。
13、同时，其可以与现代化的工具链和各种类库结合，用以创建复杂的单页应用其特点主要有以下几点基于 vue 的流行度，日常项目前端有在使用，遂记录这篇文章，主要讲从环境搭建到使用样例在学习中，体验和完成了一个功能稍微。
14、实在不行，就先创个JS的文件，在改名，改成vue文件。
15、首先你所开的软件和程序太多了，所以根据8G容量运行内存不够用，目前解决办法就是增加一条8G内存上去组成双通道16G内存，也不清楚你CPU性能是否够，如果不够就需要换个CPU性能更好的。
16、说明你没安装vue阿 而且你脚手架为什么用webstorm安装，vue init就是生成脚手架吧，你vue init能执行么既然可以vue init说明vue命令环境中存在阿，如果不能执行说明你全局就没安装vue，安装脚手架和安装vue可不是一个概念。
17、前端开发不需要配编译环境了，只需要把需要的各种库工具在命令行界面安装就行具体过程网上搜“从零开始搭建vue项目”脚手架里带的Node部分，主要充当的是WebServer，跟浏览器有什么关系最后都是要Webpack打包成纯粹的。
