windows运行vue项目

已于 2023-08-10 15:18:42 修改
阅读量737 收藏 1
点赞数
分类专栏： vue 文章标签： vue
于 2023-08-08 10:00:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yanguan025/article/details/132160460
版权

一、搭建VUE运行环境

查看vue运行环境

二、安装项目所需的依赖项

1、在命令行中进入Vue项目的根目录
2、安装项目所需的依赖项
npm install

三、启动开发服务器

npm run dev

四、打包项目。可以使用以下命令

 npm run build

Vue 报错error:0308010C:digital envelope routines::unsupported

1、添加环境变量

 

yanguan025
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
windows下vue-cli及webpack搭建安装环境
08-30
Windows 下 Vue-cli 及 Webpack 搭建安装环境 在现代 Web 开发中，Vue-cli 和 Webpack 是两个非常重要的工具，前者是 Vue.js 的脚手架工具，可以快速构建 Vue 项目，而后者是目前最流行的模块打包工具。本文将详细...
关于Vue项目跨平台运行问题的解决方法
10-17
本篇文章主要探讨的是在Vue项目中遇到的跨平台运行问题及其解决方案。 问题描述： 当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=...
windows系统下运行VUE项目步骤
NaiveFox的博客
09-23 628
windows Vue项目运行
手把手教你创建并启动一个Vue3项目（Windows版）
易雪寒的博客
06-19 1024
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
如何运行vue项目(超详细图解）
小熊的博客
02-06 7万+
📖本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看。 输入node -v查看nodejs版本 node -v 输入npm -v查看npm版本
使用vscode运行vue项目
热门推荐
xw_009的博客
04-07 10万+
！！学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目。！！ 文章参考：https://www.csdn.net/gather_29/OtTagg3sNzA2LWJsb2cO0O0O.html 一：下载vscode地址为：https://code.visualstudio.com/ 然后根据自己的电脑下载对应的版本，我的是Windows X64。 二：语言的修改（Visu...
使用idea运行VUE项目
Rockandrollman的博客
08-25 1万+
package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。将项目里的“node_modules”文件夹删除，这是vue项目的依赖包。不过由于“node_modules”文件夹太大，一般不会打包上传到svn、git上的，所以没有这个文件夹就不用删。，不会装的去百度一下，不再细说，这里需要注意要装适合自己项目的版本。，可以查一下如何装，很简单。...
Windows环境下安装和运行vue项目
Erwin-Pander
12-11 1447
vue安装部分 一.官网下载https://nodejs.org/en/ 安装软件 二、设置nodejs prefix（全局）和cache（缓存）路径 设置缓存文件夹 npm config set cache "D:\vueProject\nodejs\node_cache" 　设置全局模块存放路径 npm config set prefix "D:\vueProject\node...
windows开发环境下docker部署vue项目
Nivek12138的博客
02-09 5254
此文章主要介绍windows开发环境下docker部署vue项目。 一、相关软件 vscode、Windows版docker（安装教程见window10家庭版安装docker）、vue项目（自行搭建或使用vue-cli搭建皆可，保证可以正常打包运行即可） 二、具体步骤 1.首先使用vscode打开vue项目。 2.本文选用 Nginx 镜像为基础来构建vue应用镜像，所以先拉取Nginx镜像到本地，在vscode命令窗口输入如下命令： docker pull nginx 可以看到拉取到的镜像为ngi
Windows部署运行Vue项目（webpack）及相关问题记录
JustPeanut的博客
01-26 7010
一、Vue项目部署 Vue项目（此文主要指使用webpack实现打包的Vue项目）部署运行主要是两个步骤，第一步是安装好项目所需要的依赖包（npm install），第二步就是运行（npm run dev）。这两步的前提是下载好Node.js。 Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。 在Node.js中，包含了webpack打包所需的功能，以及npm。npm类似于Python中的pip，用于管理一些依赖包，但具体而言，其功能更为强大，不仅可以安装依
如何运行Vue项目
weixin_45682994的博客
03-01 1万+
如何运行Vue项目 步骤： 一、安装 node.js 从node.js官网（https://nodejs.org/zh-cn/download/）下载并进行傻瓜式安装。安装完毕之后。“win+R”—>cmd 打开命令输入框，输入命令"node -v"，查看node版本。若出现相应的版本号，即代表安装成功。 npm包是集成在node中的，安装了node也就有了npm。输入命令"npm -v"，查看npm版本。 二、安装 cnpm （由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖
windows下vue项目启动步骤
花郎徒结的博客
05-03 5万+
原创，转载请标注引用地址，谢谢~   前后端分离项目，要做前后端联动测试，没整过前端用vue, nodejs和webpack的开发管理方式。来回折腾终于把已经建好的vue项目启动起来，做个笔记记录下步骤备用，只针对没有任何前端项目启动经验的，可能对别人没有参考意义：   os：windows7   （1）git clone已建的vue项目（强迫症患者非要写，废话） （2）装好node...
解决vue项目运行npm run serve报错的问题
01-18
如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
华为云Windows Server 2019 数据中心版 服务器部署vue项目.docx
07-02
华为云Windows Server 2019 数据中心版服务器部署Vue项目 一、选择购买的服务器，配置安全组 在华为云中，选择购买的服务器是第一步。配置安全组是为了确保服务器的安全。在华为云控制台中，选择云耀云服务器，...
方案-基于云架构的校园信息化建设方案.pdf
最新发布
07-29
方案-基于云架构的校园信息化建设方案.pdf
【创新未发表】Matlab实现蛇群优化算法SO-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现北方苍鹰优化算法NGO-Kmean-Transformer-LSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
windows nginx部署vue项目
12-21
以下是在Windows上部署Vue项目到Nginx服务器的步骤： 1. 确保已经安装了Nginx服务器，并且已经成功启动。可以使用以下命令检查Nginx是否已经启动： ```shell tasklist /fi "imagename eq nginx.exe" ``` 2. 打包Vue项目。在Vue项目的根目录下，运行以下命令来打包项目： ```shell npm run build ``` 这将生成一个名为dist的文件夹，其中包含了打包好的Vue项目的所有静态文件。 3. 将打包好的Vue项目文件复制到Nginx的html文件夹中。假设Nginx的安装目录为C:\nginx，将dist文件夹中的所有内容复制到C:\nginx\html文件夹中。 4. 配置Nginx服务器。打开Nginx的配置文件，通常位于C:\nginx\conf目录下的nginx.conf文件。在http块中添加以下配置： ```shell server { listen 80; server_name localhost; location / { root html; index index.html index.htm; try_files $uri $uri/ /index.html; } } ``` 这将配置Nginx服务器将所有请求都指向html文件夹，并且尝试查找对应的文件，如果找不到则返回index.html。 5. 保存并关闭配置文件。 6. 重启Nginx服务器，使配置生效。 现在，您的Vue项目应该已经成功部署到Nginx服务器上了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值