win10 运行本地的vue项目

最新推荐文章于 2024-09-15 22:47:58 发布
最新推荐文章于 2024-09-15 22:47:58 发布
阅读量620 收藏
点赞数
分类专栏： 配置安装及使用技巧 前端网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39872341/article/details/102761781
版权

找到项目所在的目录, shift+右键, 选择poewer shell
在这里插入图片描述
也可以用cmd, cd到项目的目录

然后输入npm run serve 就可以运行了, 看到以下样子
在这里插入图片描述

小小少年eason
关注
专栏目录
本地启动vue项目
daimeijin的博客
08-01 2575
前言 最新想开发一个前后端分离的项目，一直想开始的，拖延了好久终于决定要对它下手了。最早的时候开发的时候使用的还是JSP，那个时候使用的还是EL表达式，后来切换到Spring和SpringMVC之后采用的是HTML+JS的all in one的模式，虽然也可以称为前后端分离，但是还是耦合在一个大工程里面。到最近的项目拆分为前后端完全分离的模式。由于公司组织结构调整，前后台完全分离，所以对前端技术有点生疏了。需要及时补救一下。虽然VUE已经是一个很流行的框架了，但是三天不练手生，所以还是决定自己搞一个项目练练
win10运行vue项目_win10系统本地iis或nginx服务器部署vue.js项目 -
weixin_32412839的博客
12-24 516
7.打包vue项目打包命令：npm run build执行打包8.打包成功后项目下生成了一个dist文件夹 ，(dist文件夹下的文件)9.iis部署dist文件夹，端口自己设置浏览器敲localhost:8039到此表示本地iis服务器部署vue.js成功2：部署在nginx服务器上1.把打包好的dist文件夹拷贝到安装nginx里的html文件夹下2.修改 nginx.conf 配置文件...
本地启动VUE项目
weixin_45390971的博客
06-17 232
1.安装npm 1.1 npm install 1.2 2.安装node.js 3.安装VUE 4.运行
[精选]本地运行vue项目
最新发布
cxsj999的博客
09-15 784
这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式，至于是npm run dev 还是npm run start看package.json里面的值，我们这里是dev。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
win10 搭建vue环境并运行项目
皮皮虾的博客
06-21 208
win10 搭建vue环境并运行项目 0308010C:digital envelope routines::unsupported。
如何在本地运行vue项目，然后打包扔到服务器？（前端向）
weixin_44743508的博客
08-18 5165
一、在本地运行一个vue项目 1、前言 vue慢慢成为了前端程序员最主流的框架之一，与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合，所以被越来越多人所接受。 因此，当我们从github上爬取别人的vue项目之后如何在本地运行呢？那么进入正题。 2、安装node.js Node.js 是一个运行在服务端的框架，它的底层就使用了 V8 引擎，虽然作用与Java的servlet类似，都能开发动态网页。但是Node.js
在本地如何启动Vue项目
Wen__Fei的博客
12-25 3759
在本地如果启动Vue项目 1).在vue项目的目录下输入命令: npm install 2).运行成功后: 启动项目的方式: 方式一: 命令启动 : vue项目下输入 npm run dev 方式二: 按钮启动: a). b). c). ...
华为云Windows Server 2019 数据中心版 服务器部署vue项目.docx
07-02
华为云Windows Server 2019 数据中心版服务器部署Vue项目 一、选择购买的服务器，配置安全组 在华为云中，选择购买的服务器是第一步。配置安全组是为了确保服务器的安全。在华为云控制台中，选择云耀云服务器，...
记录：同一局网下，如何让他人访问我的本地vue项目
qq_43021088的博客
12-22 1847
1、win+R，输入cmd，回车，在黑框中输入ipconfig回车。复制ipv4的ip地址 2、修改config---index.js的host为步骤1中的ipv4的地址 3、修改package.json中的start，在末尾加上||--host0.0.0.0 4、重启项目，关闭防火墙。项目运行后，将域名地址+端口发送给他人，即可访问 ...
Vue 项目部署到服务器的问题解决方法
08-28
很多开发者在使用 Vue-cli 安装的脚手架开发时，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404 等问题。 前端配置 在部署 Vue ...
新手安装VSCode+Vue项目运行手册（适合新手）
12-16
【Vue项目运行手册：新手与VSCode安装指南】 在当今的前端开发领域，Vue.js已经成为了备受青睐的JavaScript框架之一，而Visual Studio Code (VSCode)作为一款强大的源代码编辑器，更是许多开发者的选择。本手册旨在...
vue-cli启动本地服务局域网不能访问的原因分析
01-19
1.问题描述：      本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号 3.改正的方式     找到config文件夹下的index.js文件,修改host:“localhost”为 host:”0.0.0.0″,此时同一局域网下的手机和其他电脑能通过ip查看到页面 PS：下面看下vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问 我用
Vue怎么在本地启动
weixin_35749440的博客
01-09 1624
在本地启动 Vue 项目的方法是： 在项目的根目录下打开命令行工具 输入 npm install 命令安装项目所需的依赖 输入 npm run serve 命令启动项目 在执行完这些步骤之后，Vue 项目就会在本地启动，并在浏览器中打开。 注意：在执行第 2 步之前，你需要确保已经在项目的根目录中安装了 Vue 的所有依赖，包括 Vue 和 Vue-cli。 ...
Vue项目的启动
Bananaaay的博客
07-15 6981
3.Nodejs是一个基于Chrome V8 引擎的 JavaScript 运行时环境，对于没饿浏览器都有自己的javaScript解析引擎，浏览器中的javascript引擎负责来解析和执行我们待执行的js代码，并且每个浏览器中都提供有内置的BOM、DOM这样的API函数，我们能够根据这些内置API函数编写出一些待执行的js代码，最后由我们的浏览器中的JavaScript引擎去执行。然后我们安装我们的nvm，根据安装程序，去选择对应的nvm的安装路径（自动配置环境变量），以及nodejs的路径等。
本地创建vue项目
wolf
12-25 641
1.在本地搭建node.js 首先去 node官网 下载node安装包 推荐安装稳定版本，下载之后就和安装普通软件一样一直下一步就可以了(默认会安装到C盘，尽量不要自定义路径)。 2. 查看node安装 node -v可以正确显示node版本则安装成功（node会自动配置全局环境变量，感兴趣的同学可以查看）3.查看npm(node自带包管理工具) npm -v4.
win10运行vue项目_在特定环境下搭建一个vue工作环境初始化一个项目win10+node+vue+git...
weixin_32349711的博客
02-11 162
我的设备电脑系统：windows10 64位我要安装的运行环境node我要使用的版本控制git我的学习框架vuenode1、空白的电脑 在D盘中创建文件夹allTool，用来放置所有下载安装的工具及文件2、通过网址http://nodejs.cn/download/ 下载node的安装文件，下载完成后点击安装，并把安装路径放在allTool文件夹。安装完成后再cmd中测试显示版本号即证明安...
vue项目完整搭建与启动
qq_42400124的博客
01-10 3917
vue项目完整搭建与启动
windows下vue项目启动步骤(转载)
别告诉我有Bug
08-14 1812
vue项目启动步骤 https://blog.csdn.net/qq_27680317/article/details/71123051
Vue开发环境配置：Node.js+VSCode在Win10上的详细教程
"Vue环境搭建+VSCode+Win10的详细教程" 在开始Vue环境的搭建之前，首先确保你的电脑是Windows 10操作系统，并且准备一个强大的代码编辑器，Visual Studio Code（VSCode）是一个很好的选择。VSCode是一款免费且跨...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值