【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——①创建vue-cli实现项目搭建
1、打开vscode终端,cd进入指定目录【注意,是整个项目的文件夹,该文件夹未来将包含前端和后端的项目】,并在指定目录下输入如下指令,检查是否按照node和npm,若已安装,则输出对应版本:
①检查node版本
node -v
②检查npm版本
npm -v
安装成功,返回安装版本(如图所示)
2、安装vue-cli脚手架【若使用npm,由于npm镜像在国外下载速度缓慢,推荐使用yarn下载;若仍想使用npm下载,建议配置淘宝镜像】本文选用yarn进行下载
输入如下代码,确认系统是否安装yarn
yarn -v
若能输出版本号,说明yarn已安装成功(如图所示)
若未安装,则输入如下命令进行安装
npm i -g yarn
3、使用yarn进行脚手架安装,输入如下命令
yarn global add @vue/cli
开始安装,安装完毕后如图所示:
下载完成后,可在当前目录的路径输入cmd进入终端
①在所选位置输入cmd
②键入回车打开终端
③输入如下指令(注意是大写V),查看vue-cli的版本号
vue -V
终端返回版本号,说明安装成功
注意,项目报错常常由于版本不匹配,因此需要下载对应的版本(如版本不符合则需要卸载重新安装)
4、在第3步中的终端创建脚手架(该创建项目文件夹用于存放前端内容,通常命名为my-app),注意,此处项目创建命名不可以为驼峰命名,否则会报错,只能通过小写或中划线-方式进行命名
创建vue-cli的指令如下 (注意,my-app可为任意创建项目的名称,推荐使用my-app)
vue create my-app
单击回车键,进入版本选择页面(此处选择vue2版本为例,如图第三条)
【注意:下图显示的第一条是笔者原先自定义后保存的内容,执行完vue create 项目名称 命令后不一定存在,具体如何得到的本篇不进行具体赘述】
正在下载,请稍后
出现如图所示即说明创建成功
可通过vscode终端进入指定目录,启动项目,启动项目指令如下:
①进入指定目录
cd my-app
②启动项目
npm run serve
正在启动项目
项目启动成功
ctrl+单击Local地址进入项目
综上,项目搭建完成 ,后续还要安装各种插件,在此不再赘述
【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——①创建vue-cli实现项目搭建相关推荐
- Java项目:(前端vue后台java微服务)在线考试系统(java+vue+springboot+mysql+maven)
源码获取:博客首页 "资源" 里下载! 考试流程: 用户前台注册成为学生 管理员后台添加老师,系统将该用户角色上升为老师 老师登录,添加考试,添加题目,发布考试 考生登录前台参加考 ...
- 自动化运维-----项目实战: 基于Ansible的云平台自动化运维系统
文章目录 项目实战: 基于Ansible的云平台自动化运维系统 一.项目介绍 1.项目介绍 2.项目背景 二.项目环境搭建 1.项目目录的配置 2.远程服务器虚拟环境的配置 3.MySQL数据库配置 ...
- 直播回顾丨神策数据王朋:如何搭建一套高可用的前端异常监控系统?
本文根据神策数据资深前端研发工程师王朋在神策「大数据技术系列直播课」第二季"前端专题"第四讲的直播整理. 本次分享主要分为三大部分:前端异常监控概述,异常监控的背景意义,以及做一个 ...
- 基于springboot和mysql的模拟驾校考试系统源码
开发工具:idea或eclipse 数据库:mysql 数据库连接工具:navcat # 基于springboot和MySQL的模拟驾校考试系统 ## 项目主要功能介绍: 项目采用springboot ...
- 基于Java与MySQL开发的在线考试系统
1 概述 1.1 简介 在Exam++考试系统第一版的基础上,我们对ExamStack V2.0进行了大量代码重构,同时也对数据模型做了部分调整.为了减小学员考试交卷时大量并发带来的系统风险,我们尝试 ...
- 用计算机获取机读卡是通过什么实现的,一种基于图像识别技术的答题卡及考试系统的制作方法...
本发明涉及智能考试系统. 背景技术: 传统答题卡具有如下缺陷: 1.答题卡定位需要右侧和底端的黑点来实现定位整张答题卡的行和列: 2.需要专用答题卡识别机(专有硬件)来识别答案: 3.需要用特种铅笔( ...
- 基于Springboot vue前后端分离在线培训考试系统源码
# 云帆培训考试系统 管理账号:admin/admin 学员账号:person/person # 介绍 一款多角色在线培训考试系统,系统集成了用户管理.角色管理.部门管理.题库管理.试题管理.试题导入 ...
- 2023ssm基于微信小程序的家校通系统-JAVA.VUE(论文+开题报告+运行)
摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,基于微信小程序的家校通系统被用户普遍使用,为方 ...
- Vue学习笔记(2) 在html文件中创建Vue实例,并使用http-vue-loader注册单文件组件
本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的 因此 ...
- Springboot+vue实现前后端分离智能化考试系统
作者主页:编程指南针 作者简介:Java领域优质创作者.CSDN博客专家 .掘金特邀作者.多年架构师设计经验.腾讯课堂常驻讲师 主要内容:Java项目.毕业设计.简历模板.学习资料.面试题库.技术互助 ...
最新文章
- tracepro应用实例详解_建筑安装工程造价,高清PPT图文详解,小白也能学会的简单步骤...
- expdp\impdp及exp\imp
- tomcat 绑定ipv4端口
- 深度学习——02、深度学习入门 1-7
- 23. 合并K个排序链表
- live555学习笔记-RTSPClient分析
- cmd 登录oracle
- 官宣!什么是新基建时代的混合云? | 凌云时刻
- 这可能是目前最全的word转pdf的一些方法总结
- 最简单!阿里云服务器采用 LNMP一键安装包 配置 Linux+Nginx+Mysql+PHP
- 推券客微信公众号查询淘宝优惠券返利系统的设置教程
- RX8010/RX-8025T测试说明
- MATLAB图形用户界面设计(GUI)
- Rstudio插入Excel数据
- 莫比乌斯反演与整除分块
- 2019南京大学计算机考研录取名单,2019南京大学计算机考研录取名单啥时出来
- 腾冲樱花谷原生态旅游景区公园网站制作完成
- Windows系统,多开微信(电脑版)
- css3选择器详细探索
- java获取环境变量路径/java获取环境变量和系统属性