子任务二：项目初始化.pptxVIP

子任务二：项目初始化

任务陈述《Vue前端框架开发》核心任务项目初始化准备好静态资源、清除多余代码、将子组件装入App根组件中认识项目结构掌握项目核心目录结构和主要文件作用项目结构

任务实施

任务实施《Vue前端框架开发》步骤一：准备好静态资源?src/main.js(核心代码)import{createApp}fromvue//1.引入自定义基础样式文件import./assets/css/bootstrap.cssimportAppfrom./App.vue//2.挂载应用到#app节点createApp(App).mount(#app)核心任务：资源初始化清理默认冗余文件，建立规范的静态目录结构，在入口文件完成引入配置。01标准化操作流程1.删除src/assets下默认文件2.新建img/css子目录3.归类放置图片与样式文件4.修改main.js导入自定义样式02关键配置点移除默认样式，并导入bootstrap.css。03

任务实施《Vue前端框架开发》步骤二：清除多余的代码核心任务目标项目初始化时会生成默认的演示文件与代码。为了保持项目的整洁性和轻量性，我们需要删除这些在实际业务开发中用不到的冗余内容，建立干净的开发起点。具体清理步骤01.清空组件：删除components/HelloWorld.vue内的所