最近因为公司的项目问题，开始学习vue。本文主要介绍了如何运行vue项目的相关信息，同时也介绍了如何运行别人的项目。有需要的朋友可以参考一下。

:

目录

1.运行vue项目1，下载node.js2，安装webpack3，安装vue-cli scaffold 4，用vue-cli创建项目5，运行项目2，运行别人的项目1，删除package-lock.json文件2，切换项目目录3，清除npm缓存摘要。

一、运行vue项目

1、下载node.js

安装完成后，在cmd中执行node -v，看看安装是否成功。当版本号出现时，安装成功。

2、安装 webpack

npm安装webpack -g

安装完成后，在cmd中执行npm -v，看看安装是否成功。如果版本号出现，则安装成功。

3、安装vue-cli脚手架

cnpm安装vue-cli -g

安装后，检查vue-cli scaffold的版本，以确定安装是否成功。如果版本号出现，则安装成功。

vue -V

4、使用vue-cli创建项目

首先，创建一个文件夹，在项目中输入cmd，然后输入以下命令

创建hello-world

注意：hello-word是一个可以更改的文件夹名称。

5、运行项目

输入以下命令来运行项目

cd你好世界

npm运行服务

出现上面的页面，表明项目正在成功运行。

二、运行别人的项目

1、删除package-lock.json文件

Package-lock.json记录了整个node_moudles文件夹的树形结构和模块的下载地址，但是是基于项目作者的npm版本库生成的。如果不删除这个依赖文件，很容易出现npm版本差异导致的错误。

2、切换项目目录

然后打开cmd和cd到项目目录。对于具体操作，首先输入驱动器号，然后使用cd命令切换目录。

3、清除npm缓存

npm有缓存的时候，经常会出现安装依赖不成功的现象，而且一旦出现这个问题，错误信息很完善，但是无法根据错误信息逐一解决，也找不出原因。

npm清理缓存-f

4.重新安装依赖项。

npm安装

5.最后，运行项目。

npm运行服务

总结

这就是这篇关于如何运行vue项目的文章。更多相关vue项目运行内容，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。