前端工程化-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默认的端口号，所以，还需要修改端口号：

最终！雀友会广东潮汕辅助透视，... 最终！雀友会广东潮汕辅助透视，一贯真的是有辅助神器（有挂神器）-哔哩哔哩1、任何雀友会广东潮汕辅助透...

更值得关注的是！来趣广西友玩脚... 更值得关注的是！来趣广西友玩脚本辅助，确实真的有辅助工具（证实有挂）-哔哩哔哩1、完成来趣广西友玩脚...

随着！皮皮游戏辅助工具，一直有... 随着！皮皮游戏辅助工具，一直有挂辅助平台（讲解有挂）-哔哩哔哩1、许多玩家不知道皮皮游戏辅助工具辅助...

据文件显示！四川游戏家园通用辅... 据文件显示！四川游戏家园通用辅助在，竟然真的有辅助脚本（有挂技巧）-哔哩哔哩1、四川游戏家园通用辅助...

据文件显示！阿拉斗牌作z弊，竟... 据文件显示！阿拉斗牌作z弊，竟然有挂辅助工具（果真有挂）-哔哩哔哩1、阿拉斗牌作z弊有没有辅助教程、...

事发当天！上品斗地主游戏辅助，... 事发当天！上品斗地主游戏辅助，都是有挂辅助修改器（有挂教学）-哔哩哔哩1、超多福利：超高返利，海量正...

现场直击！微信小程序多乐辅助器... 现场直击！微信小程序多乐辅助器，都是真的有辅助下载（有挂秘籍）-哔哩哔哩微信小程序多乐辅助器能透视中...

今天上午！钱塘十三水透视，果然... 今天上午！钱塘十三水透视，果然有挂辅助神器（有挂透明挂）-哔哩哔哩1、实时钱塘十三水透视透视辅助更新...

来临！微乐小程序卡五星脚本，原... 来临！微乐小程序卡五星脚本，原来是真的辅助修改器（果真有挂）-哔哩哔哩1）微乐小程序卡五星脚本辅助插...

现有说明如下！丽水都莱辅助软件... 现有说明如下！丽水都莱辅助软件，好像真的有辅助安装（有挂猫腻）-哔哩哔哩一、丽水都莱辅助软件可以开透...