閑來無事，記下筆記，純屬個人愛好，勿噴。這里采用的是vue的官方腳手架構建的一個基礎項目，需要有node環(huán)境，建議可以去安裝一個git方便運行命令行，或者使用vscodeIDE也可以

首先找到vue的官網(wǎng),找到生態(tài)系統(tǒng)，點開webpack模板這是鏈接地址

image.png

根據(jù)這里的命令行，操作即可這是鏈接地址

image.png

image.png

如果你運行npm run dev 之后見到這個頁面，那么恭喜你構建成功了，如果打不開，就翻閱上面，是否漏了什么步驟

image.png

• 這里要注意的點就是在構建好項目之后，一定切換到你構建的項目文件夾，運行一下npm i 命令再啟用npm run dev運行項目，沒有下載第三方包，會運行失敗

這里介紹一下項目構建之后一下文件或文件夾的作用

image.png

這里是src目錄下文件的相關作用，src下的文件設置是靈活的,可以根據(jù)自己的習慣進行調整，不必雷同

image.png