在idea中使用yarn搭建乙個vue專案

2021-10-13 13:07:08 字數 886 閱讀 3476

全棧開發,總切換前端的編輯器覺得很麻煩,乾脆就用idea搞;

必備的外掛程式要先裝好,

在上面生成的空目錄中,開啟idea的terminal

在指令介面中輸入:

//1.全域性新增腳手架,如果以前新增過,就可以跳過這一步

yarn global add vue/cli

//2.檢查vue是否被安裝,以及版本號,2.9.x的都可以

vue -v

//3.使用webpack打包工具,初始化你的vue專案,my-project是專案名

vue init webpack my-project

//4.之後會提示一些資訊,全部選擇yes,一直敲回車即可

//5.完成之後,進入到建立的專案根目錄下

cd my-project

//6.安裝依賴包

yarn install

//7.最後執行專案,也可以在package。json中執行start

yarn run dev

//瀏覽器會自動開啟執行乙個頁面,出現以下頁面,說明成功了。

在IDEA中使用Git

設定git主程式路徑 test測試一下路徑是否正確 如果是組長 前輩搭建好了骨架,放在遠端倉庫上,我們先從遠端倉庫clone專案到本地倉庫 也可以 vcs git clone idea會自動記錄檔案的改變,可以在local history中檢視,但沒有git好用。如果是自己搭建骨架,先建立本地倉庫,...

在IDEA中使用Linux命令

相比於windows系統,linux系統提供了大量豐富的命令列工具,可以簡單高效地進行工作。而大部分開發人員,都只知道linux系統的命令,不太清楚windows系統的命令,所以我們希望能夠在windows系統也能使用到linux系統的相關命令。gow就是這麼一款工具,在windows系統安裝gow...

在IDEA中使用Linux命令

相比於windows系統,linux系統提供了大量豐富的命令列工具,可以簡單高效地進行工作。而大部分開發人員,都只知道linux系統的命令,不太清楚windows系統的命令,所以我們希望能夠在windows系統也能使用到linux系統的相關命令。gow就是這麼一款工具,在windows系統安裝gow...