判断Vue项目以何种命令运行

最新推荐文章于 2024-06-23 14:48:36 发布
最新推荐文章于 2024-06-23 14:48:36 发布
阅读量2.4k 收藏 7
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunshine__girl/article/details/107705393
版权

一个Vue项目拉下来以后，首先要做的肯定是npm install或者cnpm install
要想知道项目应该以何种命令跑起来，应该去查看package.json文件中“scripts”，如果是serve ，运行命令即为npm run serve在这里插入图片描述
如果是dev，运行命令就是npm run dev，以次类推就可以知道vue项目的运行命令了
在这里插入图片描述

江湖儿女快意恩仇
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何更改VUE项目运行名称以及Logo图标
Echosansa的博客
04-20 5918
第一步、打开VUE项目，找到public文件夹 第二步、再打开index.html文件， 第三步：修改title里面的文字信息（修改运行名称） 运行时效果（运行名称） 第四步：进入阿里巴巴字体图标库内（修改Logo） 第五步：选中图标点击下载（修改logo） 第六步：选择png格式下载 第七步：保存图片后，在线搜索图片png转ico格式工具，实现在线转换 第八步：把转换成ico格式的图片寸放至项目public文件内 第九步：打开index.html文件.
vue项目启动时，是npm run serve，还是 npm run dev ？
pangzi_mm的博客
03-21 2459
npm run serve
vue项目的运行
最新发布
RainbowTutu的博客
06-23 420
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
如何知道vue项目的启动命令
m0_38135164的博客
12-21 4642
在vue项目中找到打开package.json文件，找到里面的scripts属性，看他里面如果是start，那就是npm run start.。如果是dev，那就是npm run dev。
查看、修改vue启动命令
qq_41451744的博客
07-20 3270
查看、修改vue启动命令
启动Vue项目时，怎么看输入npm run serve/start/dev中的哪个
weixin_72322475的博客
03-13 2622
启动Vue项目时，怎么看输入npm run serve/start/dev中的哪个
vue dev和serve区别
qq_37299479的博客
03-16 990
dev 和 serve 区别
详解如何运行vue项目
10-17
主要介绍了如何运行vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
在安装完成依赖资源后，我们可以使用npm run dev命令来运行项目。该命令会用热加载的方式运行我们的应用，让我们在修改完代码后不用手动刷新，浏览器就能实时看到修改后的效果。 八、配置IDEA运行 在IDEA中，我们...
如何运行一个Vue项目
01-20
如果你是初次接触Vue项目，可能会对如何运行一个已经存在的Vue项目感到困惑。本文将详细介绍如何搭建环境并运行Vue项目，主要涉及Node.js、npm、vue-cli、cnpm以及Webpack等关键工具。 首先，确保你已经安装了Node....
关于Vue项目跨平台运行问题的解决方法
10-17
本篇文章主要探讨的是在Vue项目中遇到的跨平台运行问题及其解决方案。 问题描述： 当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=...
vue大型项目之分模块运行/打包的实现
10-14
主要介绍了vue大型项目之分模块运行/打包的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目实战--如何在手机中查看vuecli3/vuecli2项目？
weixin_45405395的博客
04-03 3753
1.在vue项目中的根目录创建vue.config.js 2.下面的配置需要用到本地的IP,查找本地IP的方法： ①打开命令行：快捷键 windows+R ②进入命令行：输入cmd 按下回车 ③输入ipconfig,下图中的IPv4地址就是 3.配置vue.config.js如下： module.exports={ devServer:{ host: " 本地IP地址"...
VUE----VScode下的Vue项目启动方法
weixin_44126737的博客
07-05 306
很久不用Vue脚手架，今天用新项目遇到了问题，npm run serve 启动失败。 我知道的启动方法有两种：1、npm run serve 2、npm run dev 但是具体用哪种启动呢，就要进入项目中的package.json文件里面的Scripts属性下，里面是dev属性还是server属性。 如果是dev："xxx"， 则用npm run dev，反之。 ...
Vue-CLI3模式的判断与环境变量配置
m0_51277853的博客
07-11 748
模式的匹配 讨论模式的匹配前需要对以下几个概念有所了解可以把 npm run serve 当做是 npm run package.json 里面的scripts的value，实际上执行的是vue-cli-service serve;其他的npm命令实际执行的命令也是如此 如果将“server”键改为“dev” 控制台输入的命令就要输入，实际上执行的也是vue-cli-service serve当运行 vue-cl...
记录vue.config.js中配置代理(devServer)不生效的坑（跨域问题处理）
流沙QuickSand
07-08 1万+
前后端分离后，会遇到跨域问题。导致后端响应的数据被浏览器“拦截”，前端无法接收。往往就会导致类似下面的问题产生： 大意就是请求地址不同源，导致了跨域问题。解决方法：使用vue-cli脚手架，在vue.config.js文件中配置代理服务器，从而解决跨域问题。...
vite+ts+vue3采用策略思想锁定当前处于哪一条线(location/dev/test/product)
IU
09-30 199
策略模式在前端的应用
vue项目启动命令个人笔记
热门推荐
BHSZZY的博客
12-12 2万+
1.上方的启动命令与相关文件，是根据本人的项目总结的，仅供参考，不同项目细节可能不同。2.项目启动命令可以自己配置，过程如上，需要熟悉node_modules中的一些依赖方法。（本人新学，好多都不熟悉，无从入手，只能先看，总结一波自己理解的）3.可以配置本地vue项目启动时、端口号与访问前缀路径；需要注意的是，项目打包部署到服务器上后又会有所区别，服务器上主要是在nginx中配置访问端口与前缀路径的，而不是在vue项目中。
vue-cli 根据不同的环境打包
bansha1495的博客
04-28 239
根据项目需要，通过vue-cli中的npm run build 打包到不同的环境，例如测试环境，预发布环境，线上环境，根据process.env分别进行接口的调用 vue-cli 中build中build.js require('./check-versions')() // process.env.NODE_ENV = 'production' var ora = ...
idea运行vue项目 命令
08-23
要在idea中运行Vue项目，你可以按照以下步骤进行操作： 1. 打开IntelliJ IDEA，并确保已经安装了Node.js和Vue CLI。 2. 在IDEA的顶部菜单栏中选择 "File" -> "Open"，然后导航到你的Vue项目所在的文件夹，选择并打开该文件夹。 3. 在IDEA的底部工具栏中找到 "Terminal" 选项，并点击打开终端。 4. 在终端中输入以下命令来安装项目依赖： ``` npm install ``` 5. 安装完成后，输入以下命令启动Vue项目： ``` npm run serve ``` 6. 等待一段时间后，终端会显示项目成功启动，并会给出一个本地开发服务器的地址，例如：`http://localhost:8080/`。 7. 在浏览器中打开该地址，你就可以看到运行的Vue项目了。 请注意，以上步骤假设你已经正确配置了Vue项目，并且在项目根目录中包含了必要的配置文件和依赖项。如果你遇到任何错误或问题，请检查你的项目配置和依赖项是否正确。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值