学习要点:
1.Vite 简介
2.Vite 安装
本节课我们来开始了解 Vue 官方的构建工具 Vite 以及安装方式。
一.Vite 简介
1. Vite:是官方从 Vue3 开始的全新的前端构建工具,官网如下:
https://vitejs.dev
https://cn.vitejs.dev (中文手册)
PS:目前使用的版本是 vite2,那么第三阶段的知识点就采用这个构建工具;
2. 所需要的基础:《Vue3.x 核心篇》和《Vue3.x 工具篇》即可;
3. 它的优势如下:
(1) . 极速的服务启动;
(2) . 轻量快速的热重载;
(3) . 支持 TS、JSX、CSS 等开箱即用;
(4) . ...更多查看官网首页; 二.Vite 安装
1. 首先要安装 Node.js 运行环境,直接从官网下载安装,目前最新版本 15.7;
https://nodejs.org/zh-cn/
PS:Vite 需要 Node.js 版本>=12.00
2. 通过以下命令进行安装,会一步步引导你安装完毕;
npm init @vitejs/app
PS:支持预设的模版,我们这里选择 Vue 即可;
3. 安装好之后,缺少 node_modules,需要进入项目目录安装;
npm install
4. 然后通过配置文件给定的启动方式,进行启动;
npm run dev

Logo

前往低代码交流专区

更多推荐