1. 首先我们可以使用webstrom 打开一个文件夹，然后我们打开webstrom命令行（terminal），新建一个package.json:只需输入，npm init: 然后就会生成package.json文件  2. 我们需要安装，webpack vue vue-loader,于是我们可以在npm输入以下命令行：  因为npm比较慢，所以我安装了淘宝镜像，所以命令行不是Npm而是cnpm，具体可以去看淘宝镜像安装教程。 安装完毕后会出现警告：  需要css-loader 和vue-template-comiler 所以我们根据以上步骤继续安装： ~~~ E:\web-file\vue任务代码\vue>cnpm i css-loader vue-template-compiler ~~~ 安装成功后，我们还需要一些配置，如webstorm支持vue语法，支持新建vue文件： 1. ①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories 2. ②点击安装vue.js 3.  4. ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容 5.  6. ④点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成。 配置完成后我们可以新建一个文件夹，名字叫src.在里面建一个vue文件，  [import Vue form 'vue'](https://www.jianshu.com/p/c0be35475e54) [vue中render:(h) =>h(App)的含义](https://segmentfault.com/q/1010000007130348)