初學VUE VUE啟動流程

2021-10-05 16:11:21 字數 1330 閱讀 5047

package.json

在執行npm run dev的時候(啟動vue專案的時候),會在當前專案的目錄中找到package.json,包含一些專案的版本資訊、專案依賴及npm版本要求等

,"dependencies":,

#專案依賴

"devdependencies":,

#node npm版本要求

"engines":,

"browserslist":[

"> 1%"

,"last 2 versions"

,"not ie <= 8"

]}

2.webpack.dev.conf.jspackage.json裡面,會找到這個webpack.dev.conf.js配置並啟動webpack-dev-server

webpack.dev.conf.js 中引入了很多模組的內容,其中就包括 config 目錄下伺服器環境的配置檔案。

可以看到,在 index.js 檔案中包含伺服器 host 和 port 以及入口檔案的相關配置,預設啟動埠是8080,這裡可以進行修改。

index.html 的內容很簡單,主要是提供乙個 div 給 vue 掛載。

檢視 route 目錄下的 index.js,我們發現這裡配置了乙個路由, 在訪問路徑 / 的時候, 會把 helloworld 模板的內容放置到上面的 router-view中。

helloworld 中主要是一些 vue 介紹顯示內容,可以是使用者登入的首頁。

前端 VUE vue學習筆記 打包流程!!!

打包前 修改下配置 找到 config index.js build assetspublicpath 改為assetspublicpath 命令輸入 npm run build 等待.打包成功 找到dist檔案 直接扔到伺服器 就可以了額 ke優化 webpack.prod.conf.js plu...

uboot啟動流程概述 uboot啟動流程

u boot系統啟動流程 大多數bootloader都分為stage1和stage2兩大部分,u boot也不例外。依賴於cpu體系結構的 如裝置初始化 等 通常都放在stage1,且可以用組合語言來實現,而stage2則通常用c語言來實現,這樣可以實現複雜的功能,而且有更好的可讀性和移植性。2.1...

activity啟動流程 App啟動流程三問

裡面涉及到哪些重要的成員呢?都分別負責了什麼,比如ams?啟動流程了解後,對我們開發有什麼幫助呢?1 比如啟動優化,分析啟動過程,其實可以優化啟動速度的地方有三個地方 activity的oncreate方法,同樣進行執行緒處理,懶載入。或者預建立activity,提前類載入等等。2 又比如外掛程式化...