前端工程化-vue项目创建_开发测试

创始人

2024-11-13 22:08:52

0次

可以使用html、css、javascpript ,以及使用vue、axios等技术搭建前端页面，但效率低、结构乱。

实际前端开发：

前端工程化开发步骤：

一、环境准备

1.安装NodeJS2. 安装vue-cli

二、创建Vue项目

有两种方式创建，一般采用第二种图形界面的方式创建，vue ui ，输入命令后呈现下图：

创建后的项目各目录的含义：

src中 APP.vue（以前的页面是.html结尾的，脚手架中都是以.vue结尾，没有.html文件了）代表的就是页面，这里也称组件。是vue已经定义好的组件；views中则是用户自定义的组件。main.js、App.vue、views、router四个文件（夹）重点关注。

三、vue项目启动

两种启动方式，图形化界面、命令行

1.图形化界面启动

vscode中，展示npm脚本；点击serve vue-cli-service serve

项目运行成功界面：

按ctrl +c 终止项目

通过Local中的 http://locatehost:8080可以访问 vue-cli项目。

因为8080端口是后端tomcat默认的端口号，所以，还需要修改端口号：

两分钟分钟!新518互娱其实一... 两分钟分钟!新518互娱其实一直都是有挂,新518互娱2021已更新详细教程(2021已更新)(哔哩...

5分钟分钟!涡阳茶馆是有挂猫腻... 5分钟分钟!涡阳茶馆是有挂猫腻吗,涡阳茶馆2020已更新详细教程(2020已更新)(哔哩哔哩)是一款...

五分钟机器人!(Wepoke代... 五分钟机器人!(Wepoke代码)真的是有挂吗，Wepoke代码详细教程(有挂总结)-哔哩哔哩是一款...

1分钟轻量版!(Wepoke盈... 1分钟轻量版!(Wepoke盈利)其实是有挂,Wepoke盈利确实是有挂吗,详细教程(有挂辅助)-哔...

二分钟苹果版本!(优乐麻将)其... 二分钟苹果版本!(优乐麻将)其实是真的有挂的,优乐麻将是有挂猫腻吗,详细教程(有挂猫腻)-哔哩哔哩;...

1分钟分钟!青龙区确实是有挂吗... 您好，青龙区这款游戏可以开挂的，确实是有挂的，需要了解加微【757446909】很多玩家在这款游戏中...

二分钟游戏!(微扑克数据)确实... 自定义新版微扑克数据系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克数据专用辅助器，不...

4分钟分钟!开心十三张确实真的... 4分钟分钟!开心十三张确实真的有挂猫腻,开心十三张2024已更新详细教程(2024已更新)(哔哩哔哩...

8分钟分钟!wpk安卓是有挂吗... 8分钟分钟!wpk安卓是有挂吗,YY棋牌其实是真的有挂,详细教程(2021已更新)(哔哩哔哩)是一款...

7分钟新版!(EV扑克)其实真... 7分钟新版!(EV扑克)其实真实是有挂,EV扑克确实是有挂的吗,详细教程(有挂教学)-哔哩哔哩;1、...