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

玩家必看科普！hhpoker辅... 玩家必看科普！hhpoker辅助挂是真的吗，wepoker有没有辅助（切实真的是有挂）hhpoker...

必备科技！约局吧德州透视，we... 必备科技！约局吧德州透视，wepokerplus辅助（其实是有挂）约局吧德州透视透视方法中分为三种模...

玩家攻略推荐！创思维激k看底牌... 玩家攻略推荐！创思维激k看底牌辅助（开挂辅助方法）都是有透视妙招1、这是跨平台的创思维激k看底牌辅助...

一分钟了解！约局吧辅助器，hh... 一分钟了解！约局吧辅助器，hh poker透视器下载（一直是有挂）进入游戏-大厅左侧-新手福利-激活...

最新技巧！决胜麻架胡易辅助（开... 最新技巧！决胜麻架胡易辅助（开挂辅助方法）其实有透视妙招暗藏猫腻，小编详细说明决胜麻架胡易辅助破解器...

重大通报！wepoker插件程... 重大通报！wepoker插件程序激活码，hhpoker真的有透视吗（本来存在有挂）1、每一步都需要思...

大神推荐！上品辅助器（总结辅助... 大神推荐！上品辅助器（总结辅助方法）原来有透视要领该软件可以轻松地帮助玩家将上品辅助器外卦神器提升到...

一起来探讨！wpk插件辅助，佛... 一起来探讨！wpk插件辅助，佛手大菠萝辅助（都是是有挂）1、实时佛手大菠萝辅助透视辅助更新：用户可以...

终于知道！德扑之星私人局辅助（... 终于知道！德扑之星私人局辅助（有挂辅助软件）一直有透视方式1、德扑之星私人局辅助破解器简单，德扑之星...

科技新动态！wepoker私人... 科技新动态！wepoker私人局怎么玩，wepoker免费钻石（其实有挂）运wepoker私人局怎么...