爲什麼vue create 後執行npm run serve可以直接http訪問?
-
構建完結構如下
-
可以看到package.json下的serve命令執行的vue-cli-service serve命令(package.json可以用Node.js的npm(或者Yarn編譯)
-
解析vue-cli-service serve命令
3.1 執行命令
3.2 構建Service對象
3.3 解析加載插件
3.4 初始化
3.5 註冊默認啓動8080端口
3.6 設置./src/main.js爲入口文件
3.7 單頁面設置的頁面輸出路徑是public/index.html
3.8 可以看到我使用的是"@vue/cli-service": "~5.0.0" 最終找到node_modules/@vue/cli-service/bin/vue-cli-service.js入口
3.9 繼續往下執行../lib/Service的run方法
3.10 繼續執行run 方法 如果有監聽會用開發模式;否則,設置什麼就是什麼模式。
3.11 繼續往下:加載環境配置,如果設置環境就加載,不設置加載默認的