vue项目前启动配置

已于 2022-12-06 09:11:22 修改
阅读量864 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2022-12-06 09:10:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60122365/article/details/128180716
版权

第一种方式

1. 创建项目
# vue 和 create 是命令 , vuecli-demo 是文件夹名
vue create vuecli-demo
2.配置文件

 选择用什么方式下载脚手架项目需要的依赖包

4. 进入脚手架项目下, 启动内置的热更新本地服务器

cd vuecil-demo
npm run serve
# 或
yarn serve

 

直到看到这个就算成功

 

第二种方法

更加的简单，在终端输入vue ui 或者cmd输入都可以成功

 进入任务，serve

运行并启动app

 

不成功
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解VSCode配置启动Vue项目
10-17
本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。你可以通过搜索引擎搜索"VSCode最新版"来获取安装程序。安装完成后，按下`Ctrl + ...
vue项目启动命令个人笔记
热门推荐
BHSZZY的博客
12-12 2万+
1.上方的启动命令与相关文件，是根据本人的项目总结的，仅供参考，不同项目细节可能不同。2.项目启动命令可以自己配置，过程如上，需要熟悉node_modules中的一些依赖方法。（本人新学，好多都不熟悉，无从入手，只能先看，总结一波自己理解的）3.可以配置本地vue项目启动时、端口号与访问前缀路径；需要注意的是，项目打包部署到服务器上后又会有所区别，服务器上主要是在nginx中配置访问端口与前缀路径的，而不是在vue项目中。
vue如何启动项目！
TangMonk的博客
07-15 8558
通常，默认地址是`http://localhost:8080`，但您也可以在命令行中查看实际的地址和端口号。您可以在命令行中输入`node -v`来检查是否已经安装了Node.js，并查看其版本号。然后，Vue CLI会向您展示一些预设选项，您可以选择手动配置或选择预设模板。现在，您的Vue项目已成功启动，并可以在浏览器中进行访问和开发。这将启动一个开发服务器，并编译和热重载您的Vue项目。您将在命令行中看到服务器的地址和端口号。这将全局安装Vue CLI，它是一个用于创建和管理Vue项目的工具。
vue项目启动
最新发布
m0_61984559的博客
04-24 592
步骤：直接拖拽项目文件夹到VSC快捷键图标结果：VSC给这个项目新开一个窗口。
启动VUE项目配置
m0_37731220的博客
03-01 713
vue启动配置，及报错问题解决方法
Vue进阶攻略之项目启动命令的配置与切换
zm17671443092的博客
02-05 1655
VUE进阶攻略之项目启动命令的配置与切换 vue启动命令的切换npm run dev和npm run serve的配置 使用vue-cli创建的vue项目，3.0以前的都是npm run serve 但是3.0以后默认的命令是npm run dev 虽然他们的本质对应的都是 vue-cli-service serve命令 但是run serve和run dev不统一还是令人很不愉快的。 有时间几个不同版本的项目还要不同的命令来启动。 修改方法 1，找到项目中的 package.json 文件（ Nod.
Vue入门（安装配置启动项目）
weixin_52703987的博客
02-16 6282
学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件） 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。 官网：https://cli.vuejs.org/guide/ GitHub：https://github.com/vuejs/vue-cli 1.1、安装vue-cli 首先要安装 npm , npm 的安装在基础视频中有。npm没有问题，
vue项目多入口配置
10-10
1. **配置文件**：在Vue项目中，主要的配置文件是`vue.config.js`，如果这个文件不存在，你需要手动创建。在这个文件中，你可以定义`pages`对象，该对象的键是入口的名称，值是对应的Vue组件路径。 2. **Webpack...
Vue修改项目启动端口号方法
10-16
总结来说，修改Vue项目启动端口号主要涉及`package.json`、`build/dev-server.js`和`config/index.js`（或`vue.config.js`）这三个文件的配置。通过以上步骤，你可以根据自己的需求灵活地调整项目启动时使用的端口，...
已经配置好的空vue项目.zip
04-06
这个"已经配置好的空vue项目.zip"是一个预配置的Vue项目模板，包含了开发者在开始新项目时通常需要的一些核心功能和工具。让我们深入了解一下这个项目包含的内容以及如何使用它。 1. **路由管理**: Vue Router是Vue...
Vue专题（二）vue启动命令的配置与更改
XueZePeng18729875380的博客
03-15 1668
使用vue-cli创建的vue项目，3.0以前的都是npm run serve。“serve” 对应的是npm run serve命令。但是3.0以后默认的命令是npm run dev。“dev” 对应的是npm run dv。2. 找到对应的配置，改成自己需要的。
VUE项目运行常用命令
weixin_55666891的博客
02-07 4247
VUE项目运行常用命令
【vue】 vue项目启动相关环境以及配置
程序员的每一天的博客
03-10 263
启动vue项目相关配置命令。
Vue3搭建&启动
ZMN0057的博客
07-29 4587
vue开发过程中，习惯使用@代替src,vite默认不识别。1.project-name 输入项目名vue3-vite。在根目录下添加编辑器配置文件： .editorconfig。2.select a framework 选择框架。3.select a variant 选择语言。可以在alias中给常用的目录定义其他别名。初始化Eslint配置。
运行Vue项目
一位不想写代码偏偏还在挣扎的万年小白
03-20 7909
1、Node.js官网地址：https://nodejs.cn/download/下载后运行msi进行安装，可以修改安装位置。2.查看是否安装成功node -v 显示安装的nodejs版本npm -v 显示安装的npm版本3.为了将全模块所在路径和缓存路径放在node.js安装的文件夹中，在nodejs安装目录下创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹。
关于Vue项目拿到手之后看启动命令这件事
m0_61017878的博客
03-16 2万+
首先我们需要打开vue项目中的package.json文件，看其中的scripts下面的启动命令，具体如下： （1）使用yarn管理项目的启动命令（vue-cli 3.0） 查看serve这一行，发现后面也有介绍，说是vue脚手架的服务serve，这句话就是说明，这个vue项目的启动命令就是serve，然后它又是yarn安装的，所以启动命令即为yarn serve。 （2）使用npm管理项目的启动命令 1、对于vue-cli 2.0的项目： 这次我们可以看见本项目的启动命令为npm run
Vue项目创建与启动（2023超详细的图文教程）
Alphamilk的博客
11-01 1万+
一、下载node.js ， 二、下载vue-cli与webpack插件 ， 三、项目初始化(项目配置详细信息) ，四、项目启动 ， 五、Vue项目工程结构（扩展知识）
启动前端项目（命令行）及错误处理
qq_56893454的博客
07-06 1753
我的解决办法：把项目拖入vs code中，看package.json中的配置，我的是vue3，所以是使用npm run serve，如果是vue2，可以试试npm run dev。3. 查看是否安装了vue脚手架（在项目路径下输入指令），查看vue脚手架版本：vue -V，没有就输入指令：npm install -g @vue/cli。如何查看是否安装了node，在命令行中输入：node -v。2.查看npm版本（安装node.js就会安装npm），在命令行中输入：npm -v。
vscode启动vue项目配置
10-27
要在VSCode中启动Vue项目，需要进行以下配置： 1. 安装Node.js：在官网下载并安装最新版本的Node.js。 2. 安装Vue CLI：打开终端或命令提示符并运行以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 3. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值