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)