一文教会你如何运行vue项目
作者:。。。- 时间:2024-05-28 15:54:33
一、运行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
标签:vue,项目,运行
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
通过实例了解Render Props回调地狱解决方案
2024-04-22 13:04:36
MySQL数据库的约束使用实例
2024-01-17 04:36:57
![](https://img.aspxhome.com/file/2023/0/70370_0s.png)
Tkinter组件实现Radiobutton的示例
2022-08-01 00:23:24
![](https://img.aspxhome.com/file/2023/9/131629_0s.png)
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2021-10-22 21:55:52
![](https://img.aspxhome.com/file/2023/0/87510_0s.jpg)
Python实现提取Excel指定关键词的行数据
2022-09-01 10:15:59
![](https://img.aspxhome.com/file/2023/4/67834_0s.jpg)
用XMLHTTP很好的一个例子
2008-04-25 10:25:00
Node.js多进程的方法与参数实例说明
2024-05-02 17:37:37
微信小程序开发之组件设计规范
2024-04-18 09:35:15
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2022-06-03 10:45:54
Ubuntu下Anaconda和Pycharm配置方法详解
2022-06-16 21:11:43
![](https://img.aspxhome.com/file/2023/0/90870_0s.png)
使用python和Django完成博客数据库的迁移方法
2022-05-16 03:58:25
![](https://img.aspxhome.com/file/2023/2/68992_0s.jpg)
Python的Django框架中的表单处理示例
2023-02-06 18:57:31
MySQL索引类型一览 让MySQL高效运行起来
2010-04-22 16:52:00
python中fastapi设置查询参数可选或必选
2021-11-04 12:25:18
python批量生成条形码的示例
2023-02-22 17:49:03
MySQL复制表的三种方式(小结)
2024-01-17 11:33:09
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2022-07-21 04:55:52
![](https://img.aspxhome.com/file/2023/4/131224_0s.jpg)
浅谈Python中的私有变量
2023-07-21 17:59:46
Python-opencv实现红绿两色识别操作
2021-05-04 18:35:51
![](https://img.aspxhome.com/file/2023/2/95282_0s.jpg)
python安装库的最详细方法(以安装pygame库为例)
2021-03-08 04:29:40
![](https://img.aspxhome.com/file/2023/0/85040_0s.png)