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

黑科技安装!德州wpk(透视)... 黑科技安装!德州wpk(透视)2025新版总结(2022已更新)(哔哩哔哩)1、德州wpk系统规律教...

程序员教你!微扑克统计辅助器(... 自定义微扑克统计辅助器系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管...

黑科技了解!微扑克做弊(透视)... 黑科技了解!微扑克做弊(透视)wpk教程(2026已更新)(哔哩哔哩)；1、微扑克做弊机器人多个强度...

热点讨论!微扑克wpk有挂吗(... 热点讨论!微扑克wpk有挂吗(黑科技)外挂软件透明挂辅助助手(有挂详情)-哔哩哔哩1、每一步都需要思...

黑科技软件!pokermast... 黑科技软件!pokermaster有挂吗(透视)安装教程(2020已更新)(哔哩哔哩)1、每一步都需...

发现一款!wepower让系统... 发现一款!wepower让系统发好牌(黑科技)外挂辅助挂辅助器(揭秘有挂)-哔哩哔哩是一款可以让一直...

黑科技模拟器!德州免费辅助神器... 黑科技模拟器!德州免费辅助神器app(透视)细节方法(2024已更新)(哔哩哔哩)；德州免费辅助神器...

一分钟了解!!wepoke有挂... 一分钟了解!!wepoke有挂吗网上靠谱吗(黑科技)外挂ai辅助辅助助手(有挂教学)-哔哩哔哩1）w...

黑科技插件!德州ai辅助在哪里... 黑科技插件!德州ai辅助在哪里找(透视)透视教程(2021已更新)(哔哩哔哩)；暗藏猫腻，小编详细说...

必看攻略!德州全自动辅助(黑科... 必看攻略!德州全自动辅助(黑科技)外挂透明挂黑科技辅助工具(有挂秘籍)-哔哩哔哩；致您一封信；亲爱德...