vue專案的構建過程

2022-09-06 19:09:14 字數 790 閱讀 6611

確保已經安裝了node和npm

1.安裝vue-cli 

npm i vue-cli -g

2.安裝vue-router

npm i vue-router --s**e

3.安裝vue-router

npm i vue-router --s**e

4.安裝axios   //如果有需要

npm i axios --s**e

5.安裝 懶載入  vue-lazyload   //如果有需要

npm install vue-lazyload --s**e

6.安裝 觸底載入  vue-infinite-scroll   //如果有需要

npm install vue-infinite-scroll --s**e

7.安裝狀態管理 vuex  //如果有需要

npm install vuex --s**e

專案開始

1.初始化乙個專案:

vue init webpack 專案名稱

2.進入專案目錄下:

cd 專案名稱

3. 安裝依賴:

npm install

4 執行:

npm run dev

5.瀏覽器檢視(會自動開啟):http://localhost:埠號/

6.建資料夾

建router資料夾,放路由

建components資料夾,放元件(.vue檔案都是元件)

建views資料夾,放子頁面

7.構建生產包執行:npm run build 

Vue專案的構建

安裝vue cli vue安裝vue cli官網文件 新建vue config.js 檔案,設定專案基本配置 專案配置 const environment require src config environment 引入環境配置檔案 const path require path 引入檔案路徑處理...

提高 webpack 構建 Vue 專案的速度

最近有人給我的 vue2 後台管理系統解決方案 提了 issue 說執行 npm run build 構建專案的時候極其慢,然後就引起我的注意了。在專案中,引入了比較多的第三方庫,導致專案大,而每次修改,都不會去修改到這些庫,構建卻都要再打包這些庫,浪費了不少時間。所以,把這些不常變動的第三方庫都提...

提高 webpack 構建 Vue 專案的速度

最近有人給我的 vue2 後台管理系統解決方案 提了 issue 說執行 npm run build 構建專案的時候極其慢,然後就引起我的注意了。在專案中,引入了比較多的第三方庫,導致專案大,而每次修改,都不會去修改到這些庫,構建卻都要再打包這些庫,浪費了不少時間。所以,把這些不常變動的第三方庫都提...