package.json是一個(gè)項(xiàng)目描述文件, 是一個(gè)嚴(yán)格的json文件,里面記錄了當(dāng)前項(xiàng)目的信息。比如: 項(xiàng)目名稱、版本、作者、gitHub地址、當(dāng)前項(xiàng)目依賴哪些第三方模塊等。
當(dāng)我們需要向項(xiàng)目中添加額外的依賴時(shí),其就會(huì)被記錄到這個(gè)文件默認(rèn)的模板工程中。
創(chuàng)建項(xiàng)目代碼
npm create vite@latest my-vue-app -- --template vue
cd my-vue-app
npm install
npm run dev
若您是跟著代碼一步步走來(lái),packeg.json里面的文件應(yīng)該是這樣的
{
"name": "my-vue-app",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.2.37"
},
"devDependencies": {
"@vitejs/plugin-vue": "^3.1.0",
"vite": "^3.1.0"
}
}
介紹
dependencies – 生成環(huán)境依賴
devDependencies – 開發(fā)環(huán)境依賴
- dev 使用HMR啟動(dòng)本地web服務(wù)器進(jìn)行開發(fā)
- build 生成項(xiàng)目,并輸出到文件夾。/dist
- preview 啟動(dòng)一個(gè)本地web服務(wù)器,該服務(wù)器從/dist為構(gòu)建的解決方案提供預(yù)覽服務(wù)
