vue cli构建项目,构建vue-cli工程用到的技术,使用vue-cli创建项目,vue cli目录结构,vue cli创建项目步骤,vue cli创建
Vue CLI 是一个官方提供的用于构建 Vue.js 应用程序的命令行工具。Vue CLI 构建目标指的是在构建项目时，开发者需要指定的浏览器环境和设备类型等目标平台。

通过设置构建目标，Vue CLI 可以进行针对性的优化和代码分割，使得生成的代码更加高效、精简，并且能够适配不同的平台和设备。常见的构建目标包括：

- web：将应用程序构建为基于浏览器的 Web 应用程序，可以在桌面端和移动端的浏览器中运行。
- mobile：将应用程序构建为移动 Web 应用程序，可以在移动设备上的浏览器中运行。
- server：将应用程序构建为服务端渲染应用程序，提供更快的首屏加载速度和更好的 SEO 支持。
- electron：将应用程序构建为基于 Electron 的桌面应用程序，可以在 Windows、macOS 和 Linux 等操作系统中运行。

例如，如果要创建一个基于浏览器的 Web 应用程序，可以使用以下命令创建一个Vue CLI项目：


vue create my-web-app


然后，可以使用以下命令将该应用程序构建为 Web 应用程序：


npm run build


这将生成一个 dist 目录，在其中包含了可在浏览器中运行的静态文件。如果要创建一个服务端渲染应用程序，可以使用以下命令：


vue create my-server-app


然后，可以使用以下命令将该应用程序构建为服务端渲染应用程序：


npm run build:ssr


这将生成一个 dist 目录，在其中包含了可在服务器上渲染的静态文件和 Node.js 服务器代码。