vue的运行,如何运行vuejs项目,一文教会你如何运行vue项目

vue的运行,如何运行vuejs项目,一文教会你如何运行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的版本,以确定安装是否成功。如果版本号出现,则安装成功。

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项目运行内容,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

vue的运行,如何运行vuejs项目,一文教会你如何运行vue项目