Vite搭建Vue3开发环境

3 篇文章 0 订阅
1 篇文章 0 订阅

Vite的特点

  1. Vite冷服务启动,ES6 import
  2. 开发中热更新
  3. 按需进行编译,不会刷新全部DOM

Vite使用

  1. npm
    在命令行中输入 npm init vite-app project 生成项目(注意路径)

    然后进入目录 cd project
    在这里插入图片描述

    下载依赖包 npm install
    在这里插入图片描述

    开启服务 npm run dev
    在这里插入图片描述
    在浏览器输入地址 http://10.10.0.13:3000/在这里插入图片描述
    显示这个界面就说明你已经构建成功
    显示这个界面就说明你已经构建成功

  2. yarn

    在命令行中输入 npm create vite-app project 生成项目

    然后进入目录 cd project

    安装依赖包 yarn在这里插入图片描述

    开启服务 yarn dev在这里插入图片描述
    在浏览器输入地址 http://10.10.0.13:3000/在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值