如何开启 vue 项目

最新推荐文章于 2024-08-05 22:34:08 发布
最新推荐文章于 2024-08-05 22:34:08 发布
阅读量3.9k 收藏 7
点赞数 4
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44163269/article/details/105138514
版权

在读此文章再此之前默认你已经安装了 vue 项目

vue项目 脚手架@vue/cli安装

运行项目

cmd 运行 cnpm run serve

  • 运行的目录要在你的项目文件夹下
  • 比如我有一个项目 one
  • 那我就要双击进入 one 项目，在这个目录下运行

展示：

在这里插入图片描述
如果地址错误：
在这里插入图片描述

浏览器打开项目

在这里插入图片描述

在浏览器的地址栏输入 上图蓝字 的地址

  • 第一个是你的本地服务地址（选这个）
  • 第二个是你ip地址
  • 这两个显示效果都是一样的，不过推荐选择第一个

效果展示：
在这里插入图片描述

web前端 zxp
关注
专栏目录
如何启动一个vue项目？
lmf13992427957的博客
07-15 621
1.安装node2.查看node版本3.node-v4.npm-v5.安装vuenpmi@vue/cli。
nginx-1.18.0已开启gzip压缩优化vue项目大小.zip
10-22
在这个场景中，我们看到一个关于“nginx-1.18.0已开启gzip压缩优化vue项目大小.zip”的压缩包，它涉及到三个主要的技术领域：Nginx、gzip压缩以及Vue Element Admin。下面我们将详细探讨这些知识点。 首先，Nginx是...
如何启动VUE项目
刘荣丹的日志
04-02 9510
1.进行定位到项目的路径 2.安装依赖，npm install 3.启动服务，npm run dev
Vue项目的创建启动及注意事项
最新发布
2202_75444261的博客
08-05 1018
在最后需要将默认的镜像更改为国内镜像（以前的淘宝镜像有时候有的人不能用了，比如我就是不能用那个）# 设置npm源为淘宝镜像 npm config set registry https://registry.npmmirror.com/！*记住，不要用网上一些视频或者博客写的npm config set registry这个会给你报错的安装完成，镜像配置好了之后就：管理员命令行输入如果返回https://registry.npmmirror.com/ 那就是对的了。其他都按照上面链接里面做就行。
已经拿到手的Vue项目该如何启动？
这里是ShareJasmine的博客~
05-17 1417
已经拿到手的Vue项目该如何启动？如何启动一个Vue项目，Vue脚手架怎么启动，许多Vue项目启动的帖子内容都太复杂了，老手不需要看，新手又看不懂。实际上启动一个Vue项目只需要三步。
vue如何启动项目！
TangMonk的博客
07-15 8746
通常，默认地址是`http://localhost:8080`，但您也可以在命令行中查看实际的地址和端口号。您可以在命令行中输入`node -v`来检查是否已经安装了Node.js，并查看其版本号。然后，Vue CLI会向您展示一些预设选项，您可以选择手动配置或选择预设模板。现在，您的Vue项目已成功启动，并可以在浏览器中进行访问和开发。这将启动一个开发服务器，并编译和热重载您的Vue项目。您将在命令行中看到服务器的地址和端口号。这将全局安装Vue CLI，它是一个用于创建和管理Vue项目的工具。
Vue如何启动项目
热门推荐
m0_50013284的博客
07-11 3万+
Vue如何启动项目
已经配置好的空vue项目.zip
04-06
这个"已经配置好的空vue项目.zip"是一个预配置的Vue项目模板，包含了开发者在开始新项目时通常需要的一些核心功能和工具。让我们深入了解一下这个项目包含的内容以及如何使用它。 1. **路由管理**: Vue Router是Vue...
Vue项目打包编译优化方案
10-14
Vue 项目打包编译优化方案是为了提升项目的性能和加载速度，尤其对于大型或者复杂的 Vue 应用来说，优化显得尤为重要。以下是一些关键的优化措施： 1. **不生成.map文件**： .map 文件主要用于在开发环境中进行...
Vue项目部署Nginx配置文件 SSL
08-11
当你的 Vue 项目完成开发并经过 `npm run build` 编译后，生成的静态资源需要部署到服务器上供用户访问。Nginx 是一款高性能的 HTTP 和反向代理服务器，常被用来部署 web 应用，包括 Vue 项目。SSL（Secure Sockets ...
vue项目中使用天地图
01-08
在Vue项目中集成天地图，可以为Web应用提供丰富的地理信息展示功能。下面将详细介绍如何在Vue项目中实现这一过程，以及如何添加一些基本的地图操作。 首先，你需要在天地图官方网站...
如何启动一个Vue项目
kk爱闹
11-14 583
启动Vue项目，纯操作，简单粗暴
VUE如何打开项目
火龙果的专栏
07-16 1722
先决条件：请先安装node.js cnpm webpack vue-cli 把环境搭建好 1.找到目标位置，直接npm install 安装依赖
如何启动vue项目
百变鹏仔工作室
01-23 1190
以上步骤提供了一般的指导，你还可以参考项目的文档或相关的 Vue.js 文档来获取更具体的启动方法。等待开发服务器启动完成后，你可以在浏览器中访问指定的地址（通常是 http://localhost:8080 或类似的地址），以查看项目的运行结果。如果你使用 Vue.js 的命令行工具（Vue CLI）创建的项目，可以使用 vue-cli-service serve 命令来启动服务器。确保你已经安装了 Vue.js 的开发环境，包括 Vue.js 库和相关的依赖项。使用终端或命令行进入项目的根目录。
如何打开VUE项目
weixin_41590039的博客
04-26 369
找到该项目路径，输入cmd，输入npm run dev
启动vue项目
optimist_girl的博客
03-02 194
新建或者导入vue项目之后，如何启动呢？ 1、前期准备： 1）下载brew /usr/bin/ruby -e “$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)” 2）更新brew brew update 3）使用brew下载node brew install node 主要是由于npm在Node v0.6.x版本之后，内建于Node系统。 2、启动 输入：npm run dev，启动本地服务器，具体端口查看命令
vue项目启动
m0_61984559的博客
04-24 871
步骤：直接拖拽项目文件夹到VSC快捷键图标结果：VSC给这个项目新开一个窗口。
Angular项目启动步骤
csdn122325735的专栏
06-10 7358
初学者启动angular 项目
打开vue项目
justdoitttt的博客
10-18 239
怎么打开vue项目呢 首先已经安装好cnpm，webpack，vue-cli npm install cnpm/webpack/vue-cli -g 在项目下安装依赖 npm install 启动项目 npm run dev或者npm run serve 得到相应的地址打开就行了
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值