编程实战教程17_项目实战.pdf

Vue全家桶-项目实战

王红元coderwhy

coderwhy项目介绍–优选项目

coderwhy项目介绍–弘源旅途

coderwhy项目介绍–弘源旅途

coderwhy项目介绍–后台管理系统

coderwhy创建Vue项目

◼方式一：VueCLI

基于webpack工具；

命令：vuecreate

◼方式二：create-vue

基于vite工具；

命令：npminitvue@latest

◼项目配置:

配置项目的icon

配置项目的标题

配置jsconfig.json

coderwhy项目目录结构划分

◼对项目进行目录结构的划分:

coderwhyCSS样式的重置

◼对默认CSS样式进行重置:

normalize.css

reset.css

coderwhy全家桶–路由配置

coderwhy全家桶–状态管理

◼状态管理的选择:

vuex:目前依然使用较多的状态管理库;

pinia:强烈推荐,未来趋势的状态管理库;