vue的运行,vue项目可以直接运行吗

　　最近因为公司的项目问题，开始学习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的版本，以确定安装是否成功。如果版本号出现，则安装成功。

　　查看版本

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的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。