idea中導入別人的vue項目並運行

#####1. 下載node.js 在搭建vue的開發環境以前，先下載node.js，下載地址：https://nodejs.org/en/ http://www.javashuo.com/article/p-gnvfnacm-ma.html

2. 安裝

下載好後安裝，傻瓜式點下一步直到finish便可 http://www.javashuo.com/article/p-gnvfnacm-ma.html

3. 檢測安裝是否成功

安裝成功後，通常不須要本身手動去配置環境變量，此時能夠在命令行輸入node -v 和 npm -v 分別查看node和npm的版本號；

4. 配置npm在安裝全局模塊時的路徑和緩存cache的路徑

在安裝路徑下新建兩個文件夾，分別爲：node_global和node_cache

• 而後在命令行中執行以下兩個命令：（報錯時是由於權限不足，須要使用管理員身份打開cmd再運行下面命令）
• npm config set prefix "C:\Program Files\nodejs\node_global"
• npm config set cache "C:\Program Files\nodejs\node_cache" 執行成功後： http://www.javashuo.com/article/p-gnvfnacm-ma.html 而後在環境變量 -> 系統變量中新建一個變量名爲 「NODE_PATH」， 值爲「D:\Program Files\nodejs\node_modules」，以下圖： 最後編輯用戶變量裏的Path，將相應npm的路徑改成：C:\Program Files\nodejs\node_global 配置完成！

5. 測試

在cmd命令下執行 npm install webpack -g 而後安裝成功後能夠看到自定義的兩個文件夾已生效： http://www.javashuo.com/article/p-gnvfnacm-ma.html webpack 也已安裝成功，執行 npm webpack -v 能夠看到所安裝webpack的版本號： http://www.javashuo.com/article/p-gnvfnacm-ma.html

6. 在idea中導入vue項目並運行

setting-->plugins-->搜索vue-->選擇第一個-->installed 導入vue項目 而後選擇 package.json爲當前項目目錄下的package.json文件，scripts 選擇 dev 繼續添加npm 前面同樣，scripts選擇bulid 選擇項目，點擊

雖然會報 Opening index.html over file:// won't work.這個錯誤，可是好像沒啥影響，在網上搜了一圈也沒搞清楚啥緣由 點擊 輸入 npm run dev 運行結果

參考博客：http://www.javashuo.com/article/p-gnvfnacm-ma.html

原文出處：https://www.cnblogs.com/guoguo327/p/11236004.html