windows运行vue项目

已于 2023-08-10 15:18:42 修改
阅读量700 收藏 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
    评论
专栏目录
day01
一个保安的自由之路
07-25 177
项目步骤 1.安装vue脚手架 2.通过vue 脚手架创建项目 3.配置vue路由 4.配置element-ui组件库 5.配置axios库 6.初始化git远程仓库 7.将本地项目托管到github或者码云中 2.项目初始化 配置nmp https://blog.csdn.net/u012830533/article/details/79986984 PS D:\environment\node-v14.6.0-win-x64> .\npm config set prefix " D:\envir
windows下vue-cli及webpack搭建安装环境
08-30
Windows 下 Vue-cli 及 Webpack 搭建安装环境 在现代 Web 开发中，Vue-cli 和 Webpack 是两个非常重要的工具，前者是 Vue.js 的脚手架工具，可以快速构建 Vue 项目，而后者是目前最流行的模块打包工具。本文将详细...
windows系统下运行VUE项目步骤
NaiveFox的博客
09-23 611
windows Vue项目运行
windows系统搭建VUE环境(vue-cli4)
dreamingbaobei的博客
03-26 4254
第一步:node环境安装 第二步:node环境检测 第三步:设置nodejs的global和cache路径 第四步: 配置PATH环境变量 第五步: vue-cli脚手架安装 第六步: 创建一个项目hello-world 第七步: 修改默认端口
vue项目打包到windows桌面端程序
最新发布
m0_51469347的博客
05-08 357
在一些企业中为了方便使用需要将前端项目打包到桌面端供人使用。所以查阅了网上的方法找到了并总结。使用的是Nativefier工具，是一个用户将任意网页转换为Windows桌面应用程序的工具。
Windows 开机自启 vue 项目
weixin_45381071的博客
11-18 636
windows 自启动 vue
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
如何运行vue项目(超详细图解）
热门推荐
沐沐
04-10 1万+
📖本篇超级详细案例截图教学 如何运行别人的，图片点击可放大仔细看。
Windows环境下安装和运行vue项目
Erwin-Pander
12-11 1439
vue安装部分 一.官网下载https://nodejs.org/en/ 安装软件 二、设置nodejs prefix（全局）和cache（缓存）路径 设置缓存文件夹 npm config set cache "D:\vueProject\nodejs\node_cache" 　设置全局模块存放路径 npm config set prefix "D:\vueProject\node...
关于Vue项目跨平台运行问题的解决方法
10-17
本篇文章主要探讨的是在Vue项目中遇到的跨平台运行问题及其解决方案。 问题描述： 当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=...
解决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项目 一、选择购买的服务器，配置安全组 在华为云中，选择购买的服务器是第一步。配置安全组是为了确保服务器的安全。在华为云控制台中，选择云耀云服务器，...
windows下启动vue项目记录
weixin_39309402的博客
09-12 289
平时做前后端分离项目，有前端人员配合测试，今天打算自己研究下前后端联动测试(主要是renren-fast框架)，由于以前没玩过vue, node.js，可是折腾的够呛,vue已经下载好了，可是不会启(捂脸): 1)安装node.js(建议装最新版本),装好后 windows+r键输入cmd回车 node --version或者npm -v都输出版本号(表示安装成功) 2)切换npm镜像 ...
Windows下vue的创建、启动步骤
IT_公子的博客
10-30 719
前后端分离项目，自学vue前端，没整过前端用vue, nodejs和webpack的开发管理方式。来回折腾终于把已经建好的vue项目启动起来，做个笔记记录下步骤备用，只针对没有任何前端项目启动经验的，记录下自己创建的过程（初次接触很懵逼！！！）： windows7/10 （1）装好nodejs，最新版本6.10以上的好像都能自动配置路径和npm啥的，反正装好后在任意路径下用cmd查"node --...
本地运行vue-element-admin项目（windows10环境）
可乐要加冰
02-23 2767
linux环境直接按照官网上走即可（https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#安装）。因为没有问题发生，在这里就不多说了。 下面进入正题：windows系统部署运行vue-element-admin项目 1、安装nodejs及环境配置 安装nodejs，参考文章：https://blog.csdn.net/cai...
win10快速运行vue项目跑起来 - 方法篇
草巾冒小子的博客
04-19 2463
如何让win10更快速跑vue项目运行起来？ 不用再每次先cd到项目目录了， 直接进入根文件夹后，再打开Powershell窗口，可以省略一大堆操作 （详情如下简介） 快捷操作如下： 先打开，并进入 项目所在的根文件夹 （如：sourceTreeProjects/xxxxx.com/） 然后在根文件夹空白处 ： Shift + 鼠标右键，弹出的窗口（如下图），点击选择 “在此处打开Powe...
windows下启动vue项目遇到问题
大喵从不低头的博客
03-02 598
项目来源：github上下载的vue项目 遇到问题： Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错 解决方案 npm install npm run build npm run dev 命令行 npm install Cannot download "https://github.com/sass/node-...
如何在windows下创建并启动一个vue项目
qq_40276753的博客
05-26 220
个人学习记录，为了效率不是很详细，有遇到问题请评论。 npm i -g @vue/cli-init 在有npm环境的情况下进行vue的脚手架安装 解释： npm 导包软件 i linux指令 install的缩写 -g linux指令 全局安装 @vue/cli-init 指定安装的包名 下一步： vue init webpack project 解释： vue 初始化 ,使用webpack打包工具去配置project(项目名) 下一步： 接下来就看到目录中有完成后的文件夹。 请先在项目目录下
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、付费专栏及课程。

余额充值