vue项目如何运行(超详图解)

这篇具有很好参考价值的文章主要介绍了vue项目如何运行(超详图解)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue项目如何运行(超详图解)

1.查看node、npm版本

  1. 打开cmd
  2. 输入npm -v(查看npm版本)
  3. 输入node -v(查看node版本)

若出现类似下图显示,即为安装成功

vue项目如何运行(超详图解)

2.删除删除package-lock.json和node_modules 文件

此步骤适用于运行别人的vue项目,找到项目目录,如果有node_modules文件夹和package-lock.json,就删掉(记录了模块的下载地址,且是基于项目作者的npm版本库生成)

3.清除npm缓存

如果出现了安装依赖不成功的情况,通常是因为npm还有缓存,此时,找到面项目的源文件位置,再地址栏输入cmd,打开终端,输入命令
—————————————————————————
npm cache clean -force
如果清理了还是失败,可能是npm版本问题,可以试试降低版本
—————————————————————————
npm install npm@6.14.10 -g
这里是引用

vue项目如何运行(超详图解)

4.重新下载npm

还是在源文件的cmd下,输入命令
npm install

5.运行项目

cmd终端窗口输入命令
—————————————————————————
npm run serve或npm run dev
(具体看package.json文件script中是哪一个)
npm装完会出现以下地址,复制地址去浏览器运行即可

vue项目如何运行(超详图解)运行成功
vue项目如何运行(超详图解)文章来源地址https://www.toymoban.com/news/detail-449121.html

到了这里,关于vue项目如何运行(超详图解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 新建vue项目后,如何停止运行?

    新建成功一个vue项目,使用npm run serve 命令运行项目,现在需要停掉项目。  1、在命令窗口输入Ctrl + C,提示:终止批处理操作吗? 3、输入 y (这里我试着不输入 y ,直接回车,它会继续问“终止批处理操作吗?”),回车  OK,成功关闭该项目

    2024年02月11日
    浏览(44)
  • 在vscode中如何关闭已经运行的vue项目

    vue项目运行命令是npm run dev(vue cli2.0)/npm run serve(vue cli3.0) 想要停掉这个运行的项目按快捷键ctrl+c就可以,连按两遍,不用输入y 补充: 1.常用的终端命令 tab : 补全功能 上下方向键 : 翻看查看过的命令 cd … : 返回上一层目录 cd ‘文件夹’ : 进入文件夹 cd : 跳转到硬盘的根

    2023年04月12日
    浏览(52)
  • 如何将github上的Vue项目在本地运行起来?

    今天在github逛的时候发现几个Vue博客前端模板,觉得挺好看的,就拉到本地上,启动项目发生报错,捣鼓一会儿,下面将介绍,如何成功地将项目运行起来。 1.打开package.json文件 如果显示serve,就在终端切换到项目,输入 npm run serve ,进行启动。若显示dev,就 npm run dev 原因:因为

    2024年02月13日
    浏览(42)
  • 如何解决npm run serve运行vue项目时,出现报错:Error: error:0308010C:digital envelope routines::unsupported

    用npm run serve运行vue项目时,出现报错:Error: error:0308010C:digital envelope routines::unsupported 前端项目启动(npm run dev)和打包时(npm run build:prod)报出如下错误, 经过一番探索,终于找到了症结所在:主要是nodeJs V17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制,no

    2023年04月26日
    浏览(47)
  • 第一次运行Vue项目 怎么运行别人的Vue项目

    1、在编译器将项目打开,如果已有以下两个文件夹,先删掉,这个是别人编译器运行后生成的,所以不用怕删掉。   2、新建终端,输入 “ npm install ”        这里是因为node_modules文件下装的是项目依赖文件,相当于maven下的插件,如果拿来的文件没有node_modules文件,是无

    2024年02月02日
    浏览(56)
  • npm运行vue项目出现禁止运行脚本

    问题: vue : 无法加载文件 F:nodejsnode_globalvue.ps1,因为在此系统上禁止运行脚本。 打开 PowerShell 查看策略 Get-ExecutionPolicy  返回  Restricted 修改策略 Set-ExecutionPolicy -Scope CurrentUser 回车 输入 RemoteSigned  回车 输入 Y 重新查询 Get-ExecutionPolicy  返回  RemoteSigned

    2024年02月09日
    浏览(39)
  • WebStorm运行vue项目

    1.安装webstorm 2. 需要安装node.js 环境,可以去官网下载 https://nodejs.org/en 3. 安装完需要查看 按win+r 输入cmd进入 输入命令node -v 和npm -v 查看,会出现相应的版本号,代表安装成功 vue官网安装Vue cli https://cli.vuejs.org/zh/guide/installation.html 也可直接 npm install -g @vue/cli vue -v查看是否安装

    2024年02月12日
    浏览(50)
  • idea快速运行vue项目

    目录 一、前提 二、步骤 安装vue.js插件 添加脚本 进行如下配置 安装好node.js环境并初始化完成和安装好依赖 安装vue.js插件 打开idea,然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea 添加脚本 进行如下配置 在Sctipts中根据项目选中,此处选dev 在下图所示处找到

    2024年02月15日
    浏览(61)
  • Idea中运行Vue项目

    1、Node.js 官网地址:https://nodejs.cn/download/ 下载后运行msi进行安装,可以修改安装位置。 2.查看是否安装成功 node -v 显示安装的nodejs版本 npm -v 显示安装的npm版本 3.为了将全模块所在路径和缓存路径放在node.js安装的文件夹中,在nodejs安装目录下创建两个文件夹,名称分别为:

    2024年02月05日
    浏览(35)
  • 使用vscode运行Vue项目

    目标 使用vscode运行别人工程里的vue项目 工作 安装node 检查安装情况:打开cmd,依次输入node -v 和 npm -v,查看到版本号,则安装成功。 用vscode打开vue项目 使用快捷键 Ctrl+shift+Y 呼出控制台,在控制台点击 终端 输入 npm install 或者 npm i 添加包依赖。 运行结果如下所示: 最后执

    2024年02月12日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包