環境準備
1.需要用到 16.0 以及更高版本的 node.js
2.使用vscode編輯器進行項目開發可以在命令行中查看node的版本號:
node -v
創建項目
1.準備一個目錄
例如,我創建項目的時候是在該目錄下進行的;D:\projectsTest\vue3project
2.執行創建命令(*)
npm create vue@latest
3.使用vscode打開創建的項目
項目剛創建完成后的目錄結構如下:
此時只有基本的文件,并沒有node_modules 目錄,因此,文件中導入依賴會提示錯誤!
4.安裝依賴
# 進入到項目目錄下,執行安裝命令
npm install
5.安裝完成之后的目錄
新安裝的依賴會存放到 node_modules 目錄下,
并且文件中導入的依賴也不會提示報錯了
6.一個奇怪的問題
如果 創建完成之后,tsconfig.node.json 文件中提示下面的異常:Cannot find type definition file for 'node'.
The file is in the program because:
Entry point for implicit type library 'node'我感覺這是vscode 的一個bug,重新打開一下項目就會好了,或者隨便編輯一下,然后保存保存,
錯誤提示就會消失。
啟動項目
1.啟動項目并訪問一下試試
在項目目錄下執行命令:
npm run dev在瀏覽器中訪問即可查看到訪問的頁面。
2.啟動命令為什么是 npm run dev
這個問題很簡單,這個啟動命令,是在項目的 package.json 文件中配置的。
配置內容如下: