VueRouter-16-全家桶项目搭建

1. Vue路由开发
2. Vuex状态机管理
3. 第三方一些插件，组件使用

Vue全家桶开发：Vue组件+Vue路由+Vuex状态机+第三方请求工具+UI组件库

搭建项目

一、创建项目

Vue的脚手架提供创建项目，可以基础项目，也可以创建全家桶项目

1. vue create my-project02

二、选择模式

1. ? Please pick a preset:
2. Default ([Vue 2] babel, eslint)
3. Default (Vue 3 Preview) ([Vue 3] babel, eslint)
4. ❯ Manually select features

最后一个选项代表自定义创建项目

三、选择插件

1. ? Check the features needed for your project:
2. ◯ Choose Vue version
3. ◉ Babel
4. ◯ TypeScript
5. ◯ Progressive Web App (PWA) Support
6. ◉ Router
7. ◉ Vuex
8. ❯◉ CSS Pre-processors
9. ◯ Linter / Formatter
10. ◯ Unit Testing
11. ◯ E2E Testing

必须将Vuex和Router选中。

四、选中路由模式

1. ? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

你选中了路由插件，提示你选中路由模式。输入y就可以了

接下里的步骤跟之前一样。对应选中就可以了