一文教会你如何运行vue项目
作者：。。。- 发布时间：2024-05-28 15:54:33
标签：vue,项目,运行
一、运行vue项目
1、下载node.js
安装完成后分别在cmd中执行node -v查看是否安装成功，出现版本号就安装成功了
2、安装 webpack
npm install webpack -g
安装完成后分别在cmd中执行npm -v查看是否安装成功，出现版本号就安装成功了
3、安装vue-cli脚手架
cnpm install vue-cli -g
安装完成后查看vue-cli脚手架 版本确定是否安装成功，出现版本号就安装成功了
vue -V
4、使用vue-cli创建项目
首先创建一个文件夹，cmd 进入到该项目里，输入以下命令
vue create hello-world
注：hello-word是文件夹名字可以改
5、运行项目
输入以下命令来运行项目
cd hello-world
npm run serve
出现以上页面，说明项目运行成功了。
二、运行别人的项目
1、删除package-lock.json文件
package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。
2、切换项目目录
然后打开cmd，cd到项目目录，具体操作：先输入该盘符，然后再用cd命令切换目录。
3、清除npm缓存
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。
npm clean cache -f
4、重新安装依赖。
npm install
5、最后运行项目。
npm run serve
来源：https://blog.csdn.net/A19542171949/article/details/123828905
0
投稿猜你喜欢
- 代理服务是一种复杂的技术，具有很多可配置的移动组件。详细信息如下：信息信息是指在服务代理应用程序中调用的基本信息单元。对于服务代理来说，信息
- 一、文件操作1、文件的概念1.文件就是计算机暴露给用户操作硬盘的快捷方式2.计算机的文件，就是用来储存某种信息的数据3.在计算机中，文件是以
- 1, see the slow log status;mysql> show variables like '％slow％&#
- 本文实例讲述了Python使用progressbar模块实现的显示进度条功能。分享给大家供大家参考，具体如下：progressbar安装：p
目录：分析和设计组件编码实现和算法用 Ant 构建组件测试 JavaScript 组件本期，我们要讨论的话题是 JavaScript 的测试- //主键 ALTER TABLE tablename add new_field_id int(5) UNSIGNED DEFAULT 0
- 前言本文的内容主要是介绍了MYSQL每隔10分钟进行分组统计的实现方法，在画用户登录、操作情况在一天内的分布图时会非常有用，之前我只知道用「
- gRPC 是通信协议基于 HTTP/2，支持多语言的 RPC 框架，使用 Protobuf 作为它的接口设计语言（IDL），可以通过 pro
- 发现问题 win10默认设置150％,对页面布局的影响靠单纯的自适应是没办法解决的问题出在device-pixel-ratio解决
- 到现在为止，你只学习了如何根据特定的条件从表中取出一条或多条记录。但是，假如你想对一个表中的记录进行数据统计。例如，如果你想统计存储在表中的
- 偶然看到 Tanel Poder 提到的一个 Metalink Note (438452.1): Performance Tools Qui
- 1、not关键词可以反转一个布尔值。>>> not TrueFalse>>>>>> n
- #!/usr/bin/env pythonimport sysfrom PyQt4 import QtGui,QtCoreimport ht
- 前言昨天，因为项目需求要添加表的更新接口，来存储预测模型训练的数据，所以自己写了一段代码实现了该功能，在开始之前，给大家分享python 操
- 在blueidea上看到movoin转的一个动态加载include文件代码，接着dnawo又修改了下，我用了dnawo修改后的版本，感觉挺好
- 本文利用python opencv进行图像的边缘检测，一般要经过如下几个步骤：1、去噪如cv2.GaussianBlur()等函数；2、计算
- ASP通过XMLDom在服务器端操作XML文件的主要方法和实现对于小数据量，xml文件在检索更新上于ACCESS有很多优势。我曾经测试过不用
- 当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们，就能写出越好的CSS规则！在这些简单的”秘
- 前言学学Python中操纵JSON的知识。学完本文，你可以学到如下内容：1、JSON是什么？2、JSON与XML的优劣差异？3、将Pytho
- 前言人脸处理是人工智能中的一个热门话题，人脸处理可以使用计算机视觉算法从人脸中自动提取大量信息，例如身份、意图和情感；而目标跟踪试图估计目标
