发布时间:2023-05-12 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

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项目如何运行(超详图解)