第一次运行vue项目的配置即常见问题的解决_npm run serve # run the "serve" package script-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_55961021/article/details/129147678

由于老师给了我几个项目叫我们跟着学习，叫我们在边看项目边学习，但是我才刚学完htmml和css，所以我不知道怎么运行vue项目，并且我的电脑上没有运行环境，所以我写这篇博文来记录我第一次运行vue的项目和准备。

（1）下载vscode ,用来运行项目，这个软件的下载和安装比较简单，可以参考这篇文章：http://t.csdn.cn/Vsr56

（2）打开vscode,下载一些常用的插件，可以参考这篇文章:http://t.csdn.cn/AAEps

（3）下载项目到本地，由于我们老师给的项目是在github上面的，所以如果你的项目本身就是在本地文件夹，可以不用看忽略此步骤。关于怎么从github下载项目我提到过，但我在这里还是再说一遍，首先再你的电脑上建一个本地仓库，然后设置用户名和邮箱，然后在你本地仓库那个项目夹里右键选择Git Bash打开，输入 git clone <远端地址><项目的目录名>，如get clone http://github.com/zctosky/zcprj.git zcprj，其中项目名可不填，那个远端地址是一般你打开别人发你的项目链接就会看到。

（4）经过第三步我们就会在本地得到那个项目文件。然后用vs打开那个项目，点击文件，打开文件夹选择你要打开的文件即可，注意，我用的是中文的，你们把它翻译成英文即可。然后打开项目，看里面的文件，如果有依赖（node_modules）这个模块就把它删掉，一般从github上面直接下载的文件是没有这个文件的。如果没有这个文件这个项目就不能直接运行，需要下载相关的依赖文件。然后再看看有没有package-lock.json，如果有就删掉，因为这个这个文件里面记录了node_modules文件夹的树状结构，还记录了模块下载的地址，但是它是基于作者的npm版本库生成的，如果不删掉，会出现版本不一致的问题从而报错.然后打开vscode终端这个选项，在最上面的第七个选项，然后输入npm install,重新安装依赖，然后运行npm run dev.你会得到一个网址，按住crtl键然后点击鼠标左键就会打开你项目运行的网址。

（5）可能会出现的问题：

我因为是第一次运行vue项目，然后把这个项目成功跑起来可谓是困难重重，一堆报错。下面我就说一下常见的报错和解决方式。

（6）常见的报错和解决方式

<1>出现npm error errno -4048

解决办法：删除npmrc文件，删除C:\Users\Administrator.npmrc文件

将C:\Users\Administrator\AppData\Roaming\npm-cache 清空

然后输入npm cache clean --force 清除缓存

再重新npm install

最后再输入npm run dev 即可

<2>出现npm error errno -4058

解决办法：推荐看这个：http://t.csdn.cn/Jx3Hq

<3>出现