2021年山东大学软件学院项目实训记录（第一周）

  这次项目实训中，我们小组选择的题目是在线考试系统，经过讨论分工，我负责考试管理部分中的前端开发部分。

 首先进行环境配置。

前端开发最为便利的开发工具为VScode，我们选择的开发框架是Vue。

VScode的安装

进入vscode官网：https://code.visualstudio.com/

左侧下载安装包，下载安装包后打开，在安装过程选中添加到PATH。

 安装之后打开VScode，安装一些组件，包括汉化等。

Vue配置较为简单，将vue.min.js文件下载之后添加到项目文件夹中，则在这个项目中就可以通过引用vue.min.js文件使用vue进行代码的编写。

引用vue.min.js的代码

<script src="vue.min.js"></script>

常用vue框架代码

v-bind     用于绑定数据和元素属性的

v-if,v-else     用于条件渲染

v-for       循环普通数组

v-on       事件监听

Node.js安装

node.js官网(https://nodejs.org/en/download/)下载并安装node.js

一直下一步安装完node.js

环境变量配置

打开cmd查看

npm配置

node.js中集成来npm，npm不需要额外配置。