最近因为公司的项目问题,开始学习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、安装 webpacknpm安装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项目运行内容,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!