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