IDEA 引入VUE項目


參考: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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM