參考:https://www.cnblogs.com/sunhaoyu/articles/11002394.html
https://www.csdn.net/gather_24/OtTacgysNTEwLWJsb2cO0O0O.html
https://www.cnblogs.com/ya-qiang/p/9639187.html
1. 環境准備
1.1 電腦上安裝node.js
安裝方法:官網下載 https://nodejs.org/en/ LTS長期支持版。
安裝完成后在命令行輸入 node -v 查看安裝版本。
nodejs的安裝同時也會安裝npm,輸入 npm -v 查看安裝版本。
1.2 安裝cnpm(以管理員身份運行)
有些npm有些資源被屏蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所以還需要安裝npm的國內鏡像----cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
1.3 安裝腳手架工具vue-cli(以管理員身份運行)
命令行輸入:npm install --global vue-cli
1.4 安裝webpack
命令行輸入:npm install -g webpack
1.5 在idea中安裝vue插件
File->Setttings->plugins 在搜索框輸入vue,選擇第一個安裝,安裝完后會提示重啟。
2. 開始項目導入:(在idea上操作,如果在命令行上操作要先進入你的項目地址)
2.1 安裝項目依賴
在IDEA的終端中,進入項目中package.json所在目錄。
執行cnpm install
問題1:IDEA 一直在scanning file to index
- 處理方式如下:選中node_modules文件夾,右鍵將其排除在索引之外。
- 右鍵選擇node_modules文件夾 — 選中Mark Directory As — Excluded
2.2 在IDEA中配置npm
選擇Edit Configutations
進行如下配置
2.3 啟動
啟動相關模塊(main)和histart