这次项目实训中,我们小组选择的题目是在线考试系统,经过讨论分工,我负责考试管理部分中的前端开发部分。
首先进行环境配置。
前端开发最为便利的开发工具为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不需要额外配置。