本次就是作為實驗使用,包括安裝過程中遇到的問題,供大家提供參考,話不多說,看過程:
第1步:首先分別安裝node.js和npm,這步網上有很多資料,很簡單,過程省略了,直接看結果:
第2步:在你的本地磁盤上任意位置(你喜歡的地方,為啥要單獨建立呢?方便管理)建立一個文件夾,這個文件夾就是你要建立的項目。然后打開這個文件夾輸入cmd命令,打開對話窗口,輸入下列命令:
這里可以根據你的需要選擇選項,這里我就選擇了如上圖所示的選項。然后回車執行,執行后的結果如下圖所示:
第3步:安裝個vscode,打開這個目錄,找到控制臺,執行命令:npm run dev。此時由于環境問題可能會報錯,我的就報錯了,提示【'vite’不是內部或外部命令,也不是可運行的程序】,根據提示得知是因為沒有安裝vite,因此需要進行安裝。我在全局下安裝了vite,如下圖所示:
然后我再次運行了“npm run dev”,發現又報了下面錯誤:
后來根據錯誤提示,發現還需要安裝ts相關內容,因此執行命令:【npm install typescript @types/node --save-dev】,如下圖所示:
第4步:最后,我們再次執行“npm run dev”,我們看到,終于成功了。
訪問地址,跳出首頁: