vite 安裝
F:\vue>npm init vite-app xueyuan // 創建項目 npx: installed 7 in 17.295s Scaffolding project in F:\vue\xueyuan... Done. Now run: cd xueyuan npm install (or `yarn`) // 安裝依賴 npm run dev (or `yarn dev`) // 運行項目 F:\vue>cd xueyuan F:\vue\xueyuan>npm install > esbuild@0.8.57 postinstall F:\vue\xueyuan\node_modules\esbuild > node install.js npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\chokidar\node_modules\ fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os": "darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN xueyuan@0.0.0 No description npm WARN xueyuan@0.0.0 No repository field. npm WARN xueyuan@0.0.0 No license field. added 286 packages from 276 contributors in 209.763s 33 packages are looking for funding run `npm fund` for details F:\vue\xueyuan>npm run dev > xueyuan@0.0.0 dev F:\vue\xueyuan > vite [vite] Optimizable dependencies detected: vue Dev server running at: > Network: http://192.168.43.72:3000/ > Local: http://localhost:3000
目錄結構
node_modules 目錄用來存放第三方依賴包
public 是公共的靜態資源目錄
src 是項目的源代碼目錄(程序員寫的所有代碼都要放在此目錄下)
assets 目錄用來存放項目中所有的靜態資源文件(css、fonts等)
components 目錄用來存放項目中所有的自定義組件
App.vue 是項目的根組件
index.css 是項目的全局樣式表文件
main.js 是整個項目的打包入口文件
.gitignore 是 Git 的忽略文件
index.html 是單頁面應用程序中唯一的 HTML 頁面
package.json 是項目的包管理配置文件