前端工程化-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、下载好广西微乐小程序...

揭露一下！微乐家乡app下载，... 揭露一下！微乐家乡app下载，光明大厅微信链接辅助试用，其实存在有挂（哔哩哔哩）1、光明大厅微信链接...

解密一下！辅助定制交易平台，超... 解密一下！辅助定制交易平台，超圣大厅黑科技，一贯是真的有挂（哔哩哔哩）1、该软件可以轻松地帮助玩家将...

详情一下！杭州都莱辅助软件下载... 详情一下！杭州都莱辅助软件下载，爱玩联盟辅助下载，都是真的有挂（哔哩哔哩）；1、每一步都需要思考，不...

辅助一下！川娱竞技有挂透视脚本... 辅助一下！川娱竞技有挂透视脚本，新畅游互娱科技，果然真的有挂（哔哩哔哩）1、游戏颠覆性的策略玩法，独...

开挂一下！h5反杀工具，多乐手... 开挂一下！h5反杀工具，多乐手游辅助，确实是有挂（哔哩哔哩）1、多乐手游辅助有没有辅助教程、多乐手游...

揭幕一下！518互游辅助，西兵... 揭幕一下！518互游辅助，西兵互娱辅助，确实真的是有挂（哔哩哔哩）1、玩家可以在西兵互娱辅助透视最简...

辅助一下！河南微乐小程序辅助器... 辅助一下！河南微乐小程序辅助器免费，边锋老友乳山辅助，竟然真的是有挂（哔哩哔哩）1、这是跨平台的河南...