Vue-cli3如何详细配置多页面项目？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1971个文字，预计阅读时间需要8分钟。
Vue-cli3发布已久，作者也在一直使用。由于公司业务需要，需要使用多页面配置。花时间研究了一下，以下是Vue-cli3配置多页面的方法。
Vue-cli3相较于之前版本做了很多改动，配置多页面需要以下步骤：
1. 创建项目时选择Manually select features选项。
2.选择Babel，以便支持ES6+语法。
3.选择TypeScript，以便进行类型检查。
4.选择Progressive Web App (PWA) Support，以便创建PWA应用。
5.选择Router，以便使用Vue Router进行页面跳转。
6.选择Vuex，以便进行状态管理。
7.选择CSS Pre-processors，以便使用CSS预处理器。
8.选择Linter / Formatter，以便进行代码格式化。
创建项目后，进入项目目录，执行以下命令：
bash
vue add pages按照提示选择需要添加的页面，例如：
? Please enter the name of the new page (e.g. About) about
然后，在`src/pages`目录下会生成对应的页面文件。
本文共计1971个文字，预计阅读时间需要8分钟。
Vue-cli3发布已久，作者也在一直使用。由于公司业务需要，需要使用多页面配置。花时间研究了一下，以下是Vue-cli3配置多页面的方法。
Vue-cli3相较于之前版本做了很多改动，配置多页面需要以下步骤：
1. 创建项目时选择Manually select features选项。
2.选择Babel，以便支持ES6+语法。
3.选择TypeScript，以便进行类型检查。
4.选择Progressive Web App (PWA) Support，以便创建PWA应用。
5.选择Router，以便使用Vue Router进行页面跳转。
6.选择Vuex，以便进行状态管理。
7.选择CSS Pre-processors，以便使用CSS预处理器。
8.选择Linter / Formatter，以便进行代码格式化。
创建项目后，进入项目目录，执行以下命令：
bash
vue add pages按照提示选择需要添加的页面，例如：
? Please enter the name of the new page (e.g. About) about
然后，在`src/pages`目录下会生成对应的页面文件。