问题:对于VueRouter,每次创建项目都要5+2太麻烦;那我们希望创建项目的时候就把路由架子搭好
—— 采用自定义创建项目,可以帮我们实现5个基础步骤的框架搭建
步骤:
首先先要安装好VueCli的脚手架
一个快速构建vue项目的工具;用于自动生成vue和webpack的项目模板;可以自动安装vue所需的插件,以及自动配置webpack
创建项目架子:vue create 项目名
创建项目
选择自定义
细致选择
- 请确定当前项目需要添加哪些特征
空格选中,空格取消
Babel/Router/CSS/Linter
- 选版本
- 是否采用历史模式(无#)
- 选择一个css预处理器
- 选哪套ESLint规范
无分号规范(标准化)
- 保存时校验
- 想把Babel、ESLint等配置文件放哪
单独一个配置文件
- 将其保存为预设值,用于未来的项目?
创建成功;(运行)
分析:
照原来多出了一个router/index.js
这回我们只需要基于配置,二次开发即可