vue create 后执行npm run serve 为什么可以直接http访问

为什么vue create 后执行npm run serve可以直接http访问?
  1. 构建完结构如下

  1. 可以看到package.json下的serve命令执行的vue-cli-service serve命令(package.json可以用Node.js的npm(或者Yarn编译)

  1. 解析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 继续往下:加载环境配置,如果设置环境就加载,不设置加载默认的

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