位置: IT常识 - 正文

如何运行vue项目(超详细图解)(运行vue项目的快捷键)

编辑:rootadmin
如何运行vue项目(超详细图解)

推荐整理分享如何运行vue项目(超详细图解)(运行vue项目的快捷键),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:运行vue项目需要什么环境,运行vue项目命令,运行vue项目 node版本过高,运行vue项目的命令是什么,运行vue项目需要node吗,运行vue项目命令,运行vue项目 node版本过高,运行vue项目需要什么环境,内容如对您有帮助,希望把文章链接给更多的朋友!

📖本篇超级详细案例截图教学 如何运行别人的vue项目,图片点击可放大仔细看

一、查看node.js版本

Vue环境配置教程 :https://blog.csdn.net/m0_57545353/article/details/124366678

配置完成后分别在cmd中执行node -v查看是否安装成功,出现版本号就安装成功了

进入cmd命令行窗口,

输入node -v查看nodejs版本

输入npm -v查看npm版本

node -vnpm -v

如下图 如所示,即为安装成功:

二、运行别人的项目的前提准备

1、删除package-lock.json和node_modules 文件

package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。

2、进入项目的终端

1.首先,进入vue项目所在目录(如下图所示)

2.在当前路径框中输入【cmd】,回车

3、清除npm缓存

npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。控制台输入下面命令清除npm缓存,npm有缓存时,常常出现安装依赖不成功的现象

npm cache clean -force

4、重新安装依赖。

npm install

5、最后运行项目。

npm run serve

6、成功 7.浏览器输入地址:http://localhost:8080 ,出现界面

三、运行vue的三种方法第一种方法:cmd下运行

(根据项目路径依次输入命令)

1、首先,进入vue项目所在目录(如下图所示)

如何运行vue项目(超详细图解)(运行vue项目的快捷键)

2、在当前路径框中输入【cmd】,回车

3、在启动的命令行窗口输入【npm run serve】,回车

4、成功

第二种方法:IDEA开发工具打开

打开IDEA

File - open -选择源码文件夹下的文件夹(一定要记住)

这样就成功导入源码。

在IDEA中配置vue插件 点击File–>Settings–>Plugins–>搜索vue.js插件进行安装,下面的图中我已经安装好了。

🎩方法1(推荐使用):

1、给idea设置自启动便捷方式,方便启动项目 在idea中点击下图的地方,选择Edit Configurations

2、选择npm 3、根据项目而来有些事dev有些是serve ,这里选择serve,然后先Apply在Ok 4、点击,以后项目直接点击这个就可以运行

5、成功,如下图

🎩方法2:

1、点击view-Tool Windows-Terminal

2、输入npm run serve

3、出现地址

第三种方法:VSCode开发工具运行

vscode:安装教程:https://blog.csdn.net/MSDCP/article/details/127033151

1、打开vscode

2、打开前端代码文件 3、新建终端 4、输入npm run serve

5、成功

6、浏览器输入localhost:8080

本文链接地址:https://www.jiuchutong.com/zhishi/298946.html 转载请保留说明!

上一篇:Python开发自定义Web框架(python创建自定义函数)

下一篇:JavaScript 快速入门(javascript速成)

  • 固定资产清理亏损的账务处理
  • 增值税发票综合服务平台红字确认
  • 承租方支付租房税费
  • 房产税与土地使用税如何申报
  • 办税人是纳税人吗
  • 办公家具发票要交税吗?
  • 衍生工具和非衍生工具怎么区分
  • 注销公司方便吗
  • 建筑业如何开票
  • 股东变更没有公章和营业执照怎么办
  • 税控盘续费会计分录怎么做
  • 小规模纳税人自开专票
  • 房地产开发公司取名
  • 成立公司工会
  • 小企业怎么申请建设用地
  • 工资薪金所得的个人所得税筹划方法
  • 企业的不征税收入用于支出所形成
  • 公司成立之后有人投资怎么做分录?
  • 长期股权投资用交印花税吗
  • 成本法核算长期股权投资初始投资成本
  • 技术合同 免税
  • 资产负债表与现金流量表的关系
  • 长时间不操作电动座椅会发生什么
  • 浏览器备份文件在哪里
  • Yii2使用驼峰命名的形式访问控制器(实例讲解)
  • php7多线程
  • win11系统咋样
  • 成都划拨土地出让金计算
  • 医院会计制度与实务
  • 穹顶高度
  • 非关联企业借款利息扣除
  • 天然气票据
  • vgreduce --removemissing
  • 关于公司预支工资制度
  • 人力资源外包服务企业
  • 小规模工程服务开票几个点
  • js中promise的三种状态
  • mysql中事件的作用
  • 独立核算的分公司
  • 利润表反映了什么能力
  • 企业收利息会计科目
  • 金税盘维护费应该计入什么科目
  • 暂估和开票的差异 erp处理
  • 一般纳税人可以开1%的发票吗
  • 车保险会计怎么做分录
  • 收房租的收据怎么写
  • 折扣销售方式销售货物只要发票中有注明的折扣额
  • 最新的会计规定出台时间
  • 货运代理服务开票
  • 出售无形资产属什么科目
  • mysql数据库备份和恢复
  • redhat安装yum
  • win2003安装
  • 一切为了任务
  • 删除 ubuntu
  • win8右下角图标不见了
  • windows server 2016正式版下载激活安装设置教程
  • osx10.11.6版本如何
  • linuxsu命令作用
  • Win7如何调整分辨率
  • 使用Apache&花生壳架设Web服务器
  • linux如何使用u盘
  • cocos2d getPosition()取不到实际坐标问题
  • js动态表单
  • linux命令shell脚本
  • texture packer工具
  • 基于jQuery实现Tabs选项卡自定义插件
  • python怎么设置行号
  • node.js基础入门
  • jquery div innerhtml
  • 封装是借助什么达到的
  • android混淆后怎么破解
  • 怎么在移动官网上复机
  • 金税盘软件怎么打开
  • 成都水费查询系统
  • 贵州省税务总局领导班子
  • 广东地税局领导班子
  • 地税注销流程
  • 深圳坪山税务局电话人工客服电话
  • 煤炭限产是利好还是利空
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设