使用vite创建项目

本文介绍了如何使用Vite进行快速的前端项目构建。首先,需要在电脑上安装Node.js环境,然后通过官方下载链接获取Node。接着,设置npm的淘宝镜像源并检查安装是否成功。通过npm或yarn创建Vite项目,初始化配置,并安装所需依赖。最后,运行项目,体验Vite带来的快速开发体验。Vite主要优势在于开发阶段,其基于ESModule,不支持CommonJS。
摘要由CSDN通过智能技术生成

实现电脑需要安装好node环境

 Node.js 中文网  直接官网下载即可

node -v 查看版本号

安装npm淘宝镜像源

npm config set registry https://registry.npm.taobao.org

检查镜像源是否安装成功

npm config get registry

开始构建项目

npm

npm init vite@latest

或者

yarn create vite

配置项

打开项目,安装依赖

npm i 或者  yarn add

package.json 

运行项目

npm run dev

或者

yarn dev

其实可以配置package.json,让项目运行起来后自动启动浏览器(--open)

总结 

        使用vite打包,速度快到惊人

        当需要打包到生产环境时,vite使用传统的rollup进行打包,因此,vite的主要优势在开发阶段。另外,由于vite利用的时ES Module,因此在代码中不可以使用CommonJS

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值