vue 創建 vite

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

> [email protected]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: [email protected]~2.3.2 (node_modules\chokidar\node_modules\
fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]2.3.2: wanted {"os":
"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN [email protected]0.0.0 No description
npm WARN [email protected]0.0.0 No repository field.
npm WARN [email protected]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

> [email protected]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 是項目的包管理配置文件

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章