笔记：vue-cli-service

vue-cli-service serve 这个是什么意思？

vue-cli-service serve 是一个 Vue.js CLI 命令，用于在本地开发环境下运行一个开发服务器，以便你可以在浏览器中查看和测试你的 Vue.js 应用程序。它在开发期间提供了自动重载、热模块替换和其它实用的功能。

执行 vue-cli-service serve 命令后，它将查找你的项目根目录下的 src/main.js 文件作为应用程序的入口点，并使用 webpack-dev-server 在本地启动一个开发服务器，监听你在浏览器中访问的端口号（默认为 8080）。

在开发期间，当你修改代码时，开发服务器会自动重新编译代码并刷新浏览器页面，使你可以立即看到修改的效果。

vue-cli-service build 这又是什么意思？

vue-cli-service build 是一个用于构建 Vue.js 应用程序的命令。它是在使用 Vue.js 官方提供的脚手架工具 Vue CLI 生成的项目中使用的。该命令可以将 Vue.js 应用程序打包为生产环境下的静态文件，以便于部署到 Web 服务器上。

具体来说，执行 vue-cli-service build 命令时，Vue CLI 会调用 Webpack 进行构建。在构建过程中，Webpack 会按照指定的配置文件将项目中的源代码打包成多个静态文件，包括 JavaScript、CSS、图片等等。这些静态文件会经过一系列的优化和压缩，以减小文件大小、提高加载速度，并生成一个 index.html 文件，其中包含对这些静态文件的引用。

执行完 vue-cli-service build 命令后，生成的静态文件和 index.html 文件会被放置在项目的 dist 目录下。这个目录可以视为一个独立的应用程序，可以被部署到任何能够提供静态文件服务的 Web 服务器上，例如 Nginx、Apache 等。

总之，vue-cli-service build 是一个非常方便的命令，能够快速地将 Vue.js 应用程序打包为可部署的静态文件，使得我们可以轻松地将应用程序部署到生产环境中。