前端工程化-vue项目创建_电脑知识

创始人

2024-11-13 21:41:38

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

秒懂教程“链接金花房卡怎么购买... 神皇大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...

微信链接牛牛房卡怎么弄/微信金... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...

安卓系统如何自己写个app,从... 你有没有想过，自己动手写个安卓应用呢？是不是觉得这听起来有点高大上，但其实，只要你愿意，完全可以试试...

终于找到“微信链接斗牛房卡充值... 随意玩是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来...

ia实测“金花房卡专卖店联系方... 卡贝大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...

金花链接房卡到哪里买/炸金花房... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来享受...

微信牛牛房卡要怎么弄/微信上玩... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来享受...

牛牛房卡的客服联系方式是什么/... 牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来享受...

正版授权“微信群金花房卡哪里可... 起点大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...

秒懂教程“微信金花怎么玩哪里有... 新蜜瓜牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房...

秒懂教程“微信牛牛房卡链接哪里... 新荣耀是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来享...

金花房卡平台购买联系方式/微信... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡来享...

微信斗牛房卡专卖店联系方式/炸... 微信斗牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...

给大家讲解“牛牛房卡卖家联系方... 新上游牛牛是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡...

微信斗牛房卡链接使用方法/微信... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡...

微信金花链接版有房卡/微信拼三... 金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来享受...

秒懂教程“金花房卡找谁买划算/... 卡贝大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡...

玩金花牛牛15元100张房卡代... 微信炸金花是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房...

房卡必备教程“牛牛金花房卡模式... 炫酷大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡...

ia实测“金花房卡在哪获取/卡... 卡米大厅是一款非常受欢迎的棋牌游戏，咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...