山东大学软件学院项目实训-创新实训-角色疆界-前端开发工具

概要

• 预备知识：前端三件套：html(网页结构)、css(网页样式)、js(动态与交互)，主要是js，最好了解一下ES6标准等；Vue项目结构、相关库导入使用方法等。
• 本项目前端采用Vue框架，使用了TailwindCSS、Fontawesome等组件图标库，开发软件为vscode、intellij idea等

开发框架：Vue

一、框架介绍

• 链接：快速上手 | Vue.js
• Vue.js 是一款渐进式的 JavaScript 框架，用于构建用户界面。它的核心库专注于视图层，易于与其它库或现有项目集成。Vue 的目标是通过尽可能简单的 API 提供响应式数据绑定和组合视图组件的能力。
• 结合个人开发经历的优势感受：
  1. Vue 提供了很多内置指令（如 v-bind、v-if、v-for 等），用于在模板中绑定数据、条件渲染、列表渲染等，方便好用。
  2. Vue形成了完善的生态系统，拥有丰富的官方工具和库，如 Vue Router（用于路由管理）、Vuex（用于状态管理）、Vue CLI（脚手架工具）等，功能众多，开发便利。

二、框架安装使用

有多种方式使用Vue：

• CDN引入：
  1. 一般适用于开发小型项目，只对Vue的内置指令与相关组件有需要而对项目架构没有需求的情