Vue的学习(十四)如何启动vue的项目,并且对vue的项目目录做解释,打包项目的命令

利用Electron给Vue项目打包成exe文件 但是当打包成dist文件夹后,再被electron渲染后它的路径会变成你当前项目的电脑主路径,我的项目在E盘,所以它的主路径就变成了E盘而不是什么public下面.....里面的内容就不演示了,这里虽然成功了,但用这种方法打包后处理有路径问题...在宝塔面板部署都不存在的问题,用了这个插件会出现,应该是插件本身的问题.最后启动项目预览当然是成功了,但是还没有结束,我们想要的是把当前vue项目打包成exe,但是还差最后一步,就是打包。因为我的项目是vue3的项目,所以我使用的脚手架设置路径。 阅读详情

如何启动项目

在这里插入图片描述
以上是之前创建的项目,那么如何启动这个项目呢?
进入到创建的项目里面

在这里插入图片描述
执行启动项目的命令

在这里插入图片描述
在这里插入图片描述
出现以上的情况,那么项目就已经启动了,在浏览器输入就可以了

在这里插入图片描述

vue的项目目录做解释

拿到一个vue的项目,我们首先看的文件是

在这里插入图片描述
在这里插入图片描述
如果我们在控制台输入
在这里插入图片描述
意思就是将我们的项目进行打包,为什么会这样呢,我们执行完 npm run build
项目就会找package.json这个文件
里面有个
在这里插入图片描述
那么就找到这个build
其实最后执行的是
node build/build.js

我们的目录里面就有
在这里插入图片描述
就会找到这个,就会进行打包。

打包vue项目

在这里插入图片描述

命令是 npm run build
执行完成之后,我们就可以看到多了这个文件夹
在这里插入图片描述

Vue-cli3 + webpack搭建vue项目流程以及打包发布流程 目录 1.命令行初始化项目 2. 分析项目目录 3. vue.config.js多环境打包配置 4. 发布项目 5.参考文章 1.命令行初始化项目 bogon:vue xudanfeng$ vue create vue-cli-project Vue CLI v3.0.2 ? Please pick a preset: Manually select features ? C... 阅读详情

相关推荐

STM32多模式智能小车状态机设计与中断优先级实践

在嵌入式实时系统中,状态机是实现多任务协同与功能切换的核心范式。其本质是通过有限状态集合、明确转移条件和确定性动作,构建可预测、易维护的控制逻辑。基于STM32等资源受限MCU时,需兼顾状态调度效率、中断并发安全与硬件资源约束。关键技术价值体现在:提升系统模块解耦度、支持物理按键与蓝牙双源触发、保障实时响应不丢帧。典型应用场景包括智能小车多模运行(循迹、避障、遥控、定距跟随等)、工业设备工作模式切换及IoT终端低功耗状态管理。本文以STM32F103C8T6平台为例,深入解析全局模式变量设计、双通道状态切换

weixin_42509888的博客 95

小白如何启动Vue项目?

前端小白如何启动自己的Vue项目和github上的vue项目??

Your_Boy_Tt的博客 3297

W5500 TCP服务器状态机详解:从SOCK_CLOSED到SOCK_ESTABLISHED的完整流程

本文深入解析W5500芯片作为TCP服务器时的状态机转换流程,从SOCK_CLOSED到SOCK_ESTABLISHED的完整链路实践。通过硬件协议栈架构分析、状态机全流程拆解及异常处理方案,帮助开发者构建高可靠性的嵌入式网络服务端,优化TCP连接性能与稳定性。

Jerry的专栏 1167

vue项目启动与打包简要总结

1.首先,需要安装nodejs,版本需要与其它同事的保持一致,否则可能出现打包报错的情况; 安装msi格式的nodejs,就可以不用手动配置环境变量。2.如果有必要,修改npm下载源为公司内网源(如果允许访问外网,可以找cnpm使用淘宝源的方法) 3.从git上下载完项目后,需要在项目文件夹中打开cmd,使用命令,下载相关依赖包。1.确认项目中的文件,其中有个字段,不同项目可能配置的不一样。 (1)可能是这样配置的: 这样的,是默认配置,可以使用启动项目,使用打包项目。(2)可能是这样配置的: 这样的,就是

BHSZZY的博客 4369

rk3326 MIPI休眠唤醒黑屏有背光问题

** 1.问题现象: ** **【开机起来】**开机起来可以正常显示 **【按power按键休眠】**第二次按下Power按键进入休眠,隔10s,再按Power按键唤醒。 **【出现结果】**屏幕黑屏有背光,并提示drm time out错 **【lcd信息】**lcd为480*800 2lane的mipi **【复现概率】**第二次按下休眠唤醒必然复现 【具体错误log如下】 //第一次休眠的log// [ 54.858511] dw-mipi-dsi ff450000.dsi: final DSI-

Ian22l的博客 3947

新手避坑指南:用COMSOL Multiphysics仿真气体放电(汤逊vs.流注)

本文详细介绍了使用COMSOL Multiphysics仿真气体放电的实战指南,涵盖汤逊理论和流注模型的实现方法。通过对比两种放电模型的关键参数和物理场配置,帮助新手避免常见错误,准确预测气体击穿过程。文章还提供了工程应用案例,如高压绝缘子设计优化,展示了仿真技术在电力设备绝缘设计中的实际价值。

weixin_28716181的博客 478

从零开始自学vue3笔记(二):项目结构与启动顺序

这个文件夹中,一般是执行命令后,打包生成的前端项目;前端项目发版时,就是即可。

BHSZZY的博客 5707

视频流推理的工程架构:YOLO模型如何做到单卡处理16路1080P实时流?

<think>我们只需要根据内容生成摘要,不超过150字。内容是关于YOLO模型单卡处理16路1080P实时流的技术分析,包括方案对比、架构设计等。摘要要简洁,突出关键点。</think>本文深度解析了YOLO模型单卡处理16路1080P实时流的技术方案,对比EagleEye、TensorRT+DeepStream、华为CANN及RK3588四条路线,重点介绍流水线架构、并发模型及显存优化,指出消费级显卡(如RTX 4090)即可实现高并发智能视觉分析。

2601_95807009的博客 163

运行vue-cli项目显示找不到package.json文件

运行vue-cli项目时,一直显示找不到package.json文件

qq_50692829的博客 2088

Intellij IDEA 使用教程(一)Jdk安装和配置

一.JDK下载 这里下载的是Java SE 8u181 64位版本。可以根据自己电脑配置来选择不同版本。 官网下载JDK 二.安装JDK 双击运行jdk-8u181-windows-x64.exe安装程序 选择安装目录,然后点击下一步 等待安装 安装JRE,就是java的运行环境,可以安装在java目录下 等待安装 安装完成。点击关闭。 三.java环境变量配置 关于环境变量的配置,...

岁月不饶人,我亦未曾饶过岁月 4060

vue2/3 - 详细实现内网使用离线高德地图功能,在vue中无需网络离线使用高德地图相关功能,高德地图如何离线加载详细教程(内网部署及使用),提供最新完整的瓦片资源下载及相关工具(示例代码,一键复制

vue,vue2,vue3,高德地图,离线使用高德地图,高德地图瓦片官方下载,vue内网使用高德地图离线无网络,断网情况下使用高德地图,vue离线高德地图教程,如何实现内网部署高德地图,无需联网离线使用,vue+ts实现离线高德地图 内网离线高德地图,如何在高德地图Vue项目中下载离线地图,高德离线地图加载不出来,高德地图离线使用不显示怎么办,怎么解决vue内网使用离线高德地图加载失败问题,vue实现离线地图+高德瓦片,vue引入高德离线地图,vue项目如何使用离线高德地图和自定义地图样式,高德离线地图的下

✅ 精选推荐文章 1万+

Vue入门(安装配置启动项目)

学习本篇之前要具备一定的vue基础知识,可以先看一下Vue基础(环境配置、内部指令、全局API、选项、内置组件) 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架,这里牵扯的东西很多,有webpack,npm,nodejs,babel等等。 官网:https://cli.vuejs.org/guide/ GitHub:https://github.com/vuejs/vue-cli 1.1、安装vue-cli 首先要安装 npm , npm 的安装在基础视频中有。npm没有问题,

weixin_52703987的博客 6503

手把手教你学BSP(11.3)--BSP实例:基于Raspberry Pi 4 Model B的Linux BSP开发实例

通过以上步骤,我们完成了一个基于Raspberry Pi 4 Model B的Linux BSP开发过程,包括硬件初始化、设备驱动编写、Bootloader配置、内核配置和编译,以及最终映像的生成。每个步骤都非常重要,确保每一步都正确无误才能使整个系统正常运行。

MHD0815的博客 1014

Vue项目如何打包并且发布

如何将Vue项目打包并发布?我这边是测试发布到本地,不过步骤是一样的,步骤如下: 1、安装部署Nginx服务器。(类似Tomcat服务器) 说明:Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。同时,也是一种轻量级的Web服务器,可以作为独立的服务器部署网站。 (1)官方下载网址:http://nginx.org/ (2)下载之后,得到 nginx-1.21.6.zip 类似的压缩文件,解压到你想要的目录下。(特别注意:不要运行其

lpCrazyBoy的博客 1万+

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

IntelliJ IDEA安装vue插件,导入vue项目,启动vue项目,打包vue项目

IntelliJ IDEA安装vue插件 如果要做vue项目开发,需要安装对应的插件。 如果不想安装插件,可以安装另外一个开发工具WebStorm,需要注册码破解。 打开File -> Settings -> Plugins,输入vue,搜索。需要安装NodeJS和Vue.js。安装完成,重启IDEA即可。 为了解决项目报错,需要设置编译环境为ES6。 IntelliJ IDEA导入vue项目 打开File -> Open,选择vue项目的文件夹,等待一会,等项目初始化完成,启动项目即

公z号:职场爱学习 1万+

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

Vue项目打包部署总结

关注程序员成长指北,回复“1”加入我们一起学习,天天进步来源 |https://wintc.top/article/29使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也...

程序员成长指北 9595

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

如何在vue项目中配置你自己的启动命令和打包命令

前文 在开发中,通常会需要和后台做一些开发调试, 本地开发, 和线上观测 这时 如何用一套代码 加上 几个命令来轻松的做到这些? 准备 首先除vue项目外 我们还需要安装几个额外的包来帮助我们 这只是在 vue-cli2 中的配置 当然 vue-cli3 也可以通过如下方法来配置一些环境 npm i cross-env shelljs -D cross-env 可以帮助我们更好的来使用更好的...

南思琼海 4987

vue项目打包之后怎么在本地运行

vue项目打包后的文件需要在本地运行,这里介绍两种方法 (一)搭建express本地服务器 1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 3、进入项目目录 cd my-express-project 这时候能看到my-express...

萧萧的博客 2万+

webpack打包vue项目之后生成的dist文件该怎么启动运行

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下:1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置)执行成功如下图所示:然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件。此时我们直接在浏览器中打开inde...

u014054437的博客 10万+

nginx打包部署前端vue项目全过程【保姆级教程】

支持自定义错误页面(如 404、500),提升用户体验。

潜意识Java的博客 9632

SpringBoot+Vue项目的打包部署教程

本教程旨在帮助开发者,完成基于springboot后端项目和基于vue前端项目的打包以及服务器部署。本教程的前提是开发者已经拥有一个完整的springboot+vue的前后端分离的项目,以及一台配置好JDK和MySQL以及nginx的环境的云服务器。目标是能够将项目部署到云服务器上,并通过云服务器的IP访问项目。

m0_74105684的博客 5386

如何打包VUE3项目并且部署到tomcat服务器上运行

最近在学习vue时,发现一件非常尴尬的事情——那就是学了、写了这么久的vue项目,但好像还没有真正的将vue项目打包部署过。然后在尝试打包并部署vue项目的时候,遇到了一些问题,所以我对这些问题进行了总结,并分享给大家,希望能对大家有所帮助。

m0_60689237的博客 4244

从零开始启动一个Vue项目

也可以在别的软件中打开,效果同上,都是打开终端使用npm run serve命令启动vue。如果项目是前后端分离的话,则是在前端文件目录下使用此命令,而不是在项目文件目录下使用此命令。使用npm run serve,比如这里的话是在vue-project目录下使用此命令。在浏览器输入下面链接即可打开vue的初始界面。上面两条命令都可以查看脚手架版本。③ 对创建的项目进行相关配置。1、进入管理员模式的命令行。① 首先进入创建项目页面。⑥ 查看创建好的项目文件。② 点击在此创建新项目。⑤ 等待项目创建完成。

weixin_73735141的博客 9994

Vue大型项目之分模块运行/打包

多系统集成下的分模块打包。分模块打包方式多种多样,可以适用于多系统之间互不干扰,主系统可集成各子系统,各子系统又可单独运行的业务场景。

温柔雨哥的博客 9526

Vue项目打包以及部署

index.html页面出现一片空白;打包后本地就是file请求;centos服务器部署Vue项目

geidongdong的博客 7795

webStorm打包vue项目并且部署到服务器

至于我为什么部署到window系统来当测试服务器,是因为公司叫我用台式电脑当测试服务器,所以用window系统. 部署之前,服务器的node.js等等环境要先部署好 一、打包项目(我用的开发工具是webStorm,所以直接在编译器输入命令打包) 添加依赖:npm install 打包:npm run build 如果打包的时候报错: ERROR Error: CSS minification ...

weixin_43085797的博客 1万+
上一篇: Vue的学习(十三)用vue cli2这个版本的脚手架创建vue的项目
下一篇: Vue的学习(十五)Vue项目中使用路由,命令安装路由,并且搭建路由的框架,项目加载的流程
一写代码就开心
博客等级 码龄7年 2万+粉丝 1037原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一写代码就开心

你的打赏将是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值