Vue CLI 3.x 是 Vue.js 官方提供的一款强大的脚手架工具，它极大地简化了 Vue.js 应用的初始化和构建过程。在 Vue CLI 3 中，不仅支持单页面应用（SPA）的构建，还内置了对多页面应用（MPA）的支持，这使得开发者能够更高效地管理多个独立的入口页面。下面我们将详细讨论 Vue CLI 3 中如何配置和使用多页面应用。
1. **创建项目**
确保已经全局安装了 Vue CLI 3。如果还没有安装，可以通过以下命令进行安装：
```
npm install -g @vue/cli
```
然后，创建一个新的 Vue 项目，并选择一个预设或者手动配置：
```
vue create my-project
```
2. **配置多页面应用**
在项目根目录下，打开 `vue.config.js` 文件（如果没有，创建一个）。这个文件用于自定义 Vue CLI 的配置。在该文件中，我们可以配置 `pages` 属性来定义多个入口页面：
```javascript
module.exports = {
pages: {
index: {
entry: 'src/pages/index/main.js', // 入口文件
template: 'public/index.html', // 模板文件
filename: 'index.html', // 输出文件名
},
about: {
entry: 'src/pages/about/main.js',
template: 'public/about.html',
filename: 'about.html',
}
}
}
```
在这个例子中，我们定义了两个页面：`index` 和 `about`，每个页面有自己的入口文件、模板文件和输出文件名。
3. **目录结构**
根据上面的配置，`src/pages` 目录下应有对应的子目录，例如 `src/pages/index` 和 `src/pages/about`，分别包含各自的 `main.js` 文件。同时，`public` 目录下应有对应的 HTML 模板文件。
4. **路由管理**
在多页面应用中，每个页面通常有自己的路由管理。你可以为每个页面设置独立的路由，或者在全局路由文件中根据页面名称动态配置。例如，在 `src/router/index.js` 中，你可以这样配置：
```javascript
import Vue from 'vue'
import Router from 'vue-router'
const routes = [
{ path: '/', component: () => import('@/pages/index') },
{ path: '/about', component: () => import('@/pages/about') },
]
export default new Router({
routes
})
```
5. **运行与构建**
现在，你可以通过以下命令启动开发服务器或构建项目：
```
npm run serve // 开发模式
npm run build // 生产模式
```
Vue CLI 会根据 `vue.config.js` 中的配置自动处理多页面应用的构建。
6. **其他配置**
除了多页面配置外，Vue CLI 3 还提供了许多其他功能，如 CSS 预处理器支持、代码分割、热模块替换等。你可以根据项目需求在 `vue.config.js` 中进一步定制这些配置。
总结，Vue CLI 3 提供的多页面应用配置使得开发和管理多个入口页面变得简单。只需几步简单的配置，你就可以享受到高效开发的便利。对于想要学习和使用 Vue CLI 3 构建多页面应用的开发者来说，这是一个非常友好的特性。
2025-07-03 14:53:19
124KB
1
AppVeyor（Win / Linux）：
Checkout AppVeyor工件：包含为Windows和Linux构建的WebApp示例！
Travis-CI（Win / macOS / Linux）：
使用Blazor的.NET 5和ASP.NET NET Core（Razor Pages，MVC）构建跨平台的桌面应用程序。
Electron.NET是带有嵌入式ASP.NET Core应用程序的“常规” Electron应用程序的包装。 通过我们的Electron.NET IPC桥，我们可以从.NET调用Electron API。
CLI扩展托管了我们的工具集，用于构建和启动Electron.NET应用程序。
等待-您是否在Electron内托管了.NET Core应用？ 为什么？
好吧...有很多不同的方法可以使X-plat桌面应用程序运行。 我们认为.NET开发人员最好使用ASP.NET Core环境，并将其嵌入到一个非常强大的X平台环境（称为Electron）中。 将Electron移植到.NET并不是该项目的目标，至少我们没有如何做的任何线索。 我们只是将
2024-03-20 21:12:24
3.31MB
1
Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境
2023-02-24 19:52:12
31KB
1
Good features to track. CVPR1994, pages 593–600
2022-10-17 17:07:23
320KB
1
Inkscape 现在有页面支持。 您可以使用 Inkscape 创建多页文档，就像在 Corel Draw 中一样。 安装这个扩展，重启 Inkscape 就完成了。 插入新页面、浏览页面、在单个 PDF 中打印所有页面。
2022-06-05 12:13:49
88KB
1
Epidocs / 过去的考试
过去的科目和其他文件，为了 EPITA 学生的利益。
访问网站：
贡献
要做出贡献，您可以 fork 这个项目，添加文件，然后打开拉取请求。
压缩文件！
添加文件时，使用“pdfshrink.py”脚本来压缩它们。
该脚本是为在 Linux 上运行而设计的，它需要 Python 3.5+。
用法： pdfshrink.py [path]
可选的path参数可以是：
要压缩的 pdf 文件的路径。
要在其中搜索 pdf 文件的文件夹的路径。如果省略，脚本将在当前文件夹及其子文件夹中搜索 pdf。
持续集成构建
由 Travis CI 提供支持。
每次推送到master ， deploy.php执行 PHP 脚本deploy.php以生成网站信息并将结果部署到gh-pages 。
"/_assets/" 内容移动到脚本末尾的根目录
2022-05-14 06:55:01
283.65MB
1
页数
Pages Jaunes的非常简单的抓取工具。
它将报废： Nom Adresse Prestations Numéro de Tel. Website URL(S)
要启动，只需对仓库执行DL命令并执行以下命令：
npm i
npm start
2022-05-14 04:39:11
13KB
1
html-error-pages
错误页面HTML模板（400-500）
style.css文件-文件中样式的来源。
2022-04-12 10:29:07
69KB
1