原文鏈接：https://blog.csdn.net/CCIEJohn_zhou/article/details/89043500
一.准備工作
Vue是前端開發框架。搭建框架，首先要搭建環境。搭建Vue的環境工具：node.js（JavaScript的運行環境），然后再用nodejs里面的npm（包管理和分發工具）來安裝依賴包。
二.安裝node.js
下載地址：https://nodejs.org/zh-cn/
最好下載穩定版本：下載完之后（安裝程序可以直接next step）
三.檢查是否安裝成功
打開CMD 輸出下圖代碼，會顯示版本信息。
四.打開IDEA准備創建項目
1.打開IDEA創建一個 Static Web 項目
2.打開Terminal
五.正式創建項目
1.首先安裝npm的阿里鏡像，原生npm下載依賴包過慢，鏡像可以提高下載效率。
輸入指令：輸入后等待安裝完成
npm i -g cnpm --registry=https://registry.npm.taobao.org
2.安裝Vue的腳手架工具vue-cli
npm i -g vue-cli
測試是否安裝成功：
vue -V //注意：-V是大寫的V，不是小寫的v
安裝中......
安裝成功:
最后還剩下一個webpack工具（如果以前沒有安裝webpack，一定要安裝！！！）
cnpm install -g webpack
六.基本工具安裝完成后，開始創建項目
指令：vue init webpack 項目名
基本安裝回答可以照着我的輸出：放心不坑人，只排坑。
然后就是漫長的等待了。。。。。。
創建成功的項目的目錄結構：
七.這里可還沒有完，我們還少一個文件夾：nodo_modules,這個文件夾是整個項目依賴包的文件夾。
1.第一步：cd demo222進入demo222的項目（必須進入項目里才能安裝啊!!）
2.第二步：cnpm install (此處可以用cnpm代替npm,因為安裝了阿里的鏡像)
//給大家排一個小坑，你安裝了鏡像后，有可能npm install可能會安裝依賴包失敗，所以最好用cnpm
.....等待中....
安裝完依賴包的項目結構：
八.查看IDEA的Static Web里的Vue項目
九.驚喜的時刻：運行Vue項目
--運行Vue項目
cnpm run dev
運行成功展示：htttp://localhost:8080
十.下一步就是配置好IDEA的Vue環境了（配置好了，才能編寫代碼！）。加油！！
1.在setting中的plugins安裝Vue.js插件（本人已經安裝）
2.配置HTML支持.vue后綴的文件。
3.配置ECMAScript6
這里基本算是完了。恭喜你搭建成功！！！！
拓展：當然一般新手其實是在html頁面上直接導入vue.js文件來寫vue代碼
樓主就稍稍拓展一下：
————————————————
版權聲明：本文為CSDN博主「CCIEJohn_zhou」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/CCIEJohn_zhou/article/details/89043500