vue项目的创建


前言

创建vue项目前提:

  • Vue项目依赖于Node.js,因此需要先安装Node.js。可以在官网上下载对应的安装包,然后按照安装向导进行安装。
  • npm:Node.js安装完成后,会自动附带安装npm(Node Package Manager),npm是用来管理和安装Vue项目依赖包的工具。
  • Vue CLI:Vue CLI是一个官方提供的命令行工具,可以帮助我们快速创建Vue项目的脚手架。可以通过npm全局安装Vue CLI,命令为:npm install vue-cli -g。

提示:以下是本篇文章正文内容,下面案例可供参考

一、Vue项目的创建

npm init vue@latest

使用该命令在当前目录中初始化一个新的Vue.js项目,“latest” 是一个版本号,用于告诉npm使用最新版本的Vue.js
在这里插入图片描述
自定义项目名称,根据自己需求选择yes或no,我这里全选了no,然后执行cd vue-programs进入刚创建的项目里,然后对npm进行安装,使用npm run dev 运行项目,会生成一个本机的端口地址,对其进行访问,如下图所示则表示vue项目创建成功
在这里插入图片描述
另外也可以使用以下命令对vue项目进行创建
在这里插入图片描述
回车,我这里选择手动选择功能选项
在这里插入图片描述
回车
在这里插入图片描述
根据自己项目需要进行选择,我这里是搭建简单项目演示,直接选择回车
在这里插入图片描述
选择vue3,回车
在这里插入图片描述
后面都选默认的,直接回车
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
  它询问我们是否要将当前的项目配置保存为以后项目的预设,如果选择将当前项目配置保存为预设,那么在以后创建新的Vue项目时,我们可以选择使用这个预设,从而自动应用之前保存的项目配置。这样可以方便地重用和共享项目配置,节省时间和精力。
   如果不想保存当前项目配置作为预设,可以选择不保存,每次创建新项目时都需要重新选择和配置项目选项。
  我这里选择no,因为每个项目的配置可能都不一样 ,回车,项目创建中,要等一会儿
在这里插入图片描述
项目创建成功
在这里插入图片描述
cd进入项目,yarn serve运行项目
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值