vite按照步骤,呆瓜式快速搭建项目

  1. nodejs官网下载 https://nodejs.org/en/)nodejs,下载尽可能新的版本并安装

  1. 新建一个空文件夹 并用vscode启动 开始验证 node npm是否安装好

验证node当前版本

node -v

验证npm当前版本

npm -v

官网会指出最低版本要求,注意自己的nodejs版本是否符合要求

  1. 在空白目录下使用不同工具创建项目

用npm创建项目

npm create vite@latest

用yarn创建项目

yarn create vite

用pnpm创建项目

pnpm create vite

输入好以上命令行后 按回车 三步创建项目

首先 确定项目名称 可以用默认 确定好后 按回车

第二步 选择框架 点击上下选择需要的框架 我们这里选择vue 选择好后 按回车进入下一步

第三步 选择语言 上下选择 这里我们选择js 上下按键选择好后 按回车进行创建项目

  1. 安装完成

在执行好安装三步后,等待几秒,当左边空白文件出现大量新文件,并终端控制台出现 Done. Now run:

字样时候表示项目已安装完成

  1. 启动项目

三步启动项目

首先 按照 控制台提示 敲下如下代码 进入刚创建好的项目

第二步 执行 npm install 安装依赖

最后一步 npm run dev 启动项目(以后每一次启动项目 都可以用这个命令)

浏览器出现这样的界面表示viet+js+vue项目创建成功 并且 正常启动 在这个脚手架之内就可以正常开发业务所需要的功能了

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值