Library Search
结果页vite
在 技术栈 中找到 8 个匹配结果。
技术栈
技术栈
8 个 Vite # Vite 安装指南
## 1. 环境准备
- **Node.js**：>= 18.x（Vite 5+ 要求）
- **包管理器**：npm / yarn / pnpm / bun
- **IDE**：VS Code（任意前端插件）
## 2. 安装命令
### 创建项目
```bash
# 交互式创建
npm create vite@latest my-app
# 或直接指定模板… 3% Solid.js e（推荐安装 SolidJS 语法支持插件）
## 安装命令
### 使用 Vite 模板（推荐）
```bash
# TypeScript 模板
npx degit solidjs/templates/ts my-solid-app
cd my-solid-app
npm install
# JavaScript 模板
npx degit solidjs/templates/js my-… 3% C# ```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Alpine.js Demo</title>
<style>
body { font-family: system-ui; max-width: 600px; margin: 50px auto; background: #… 3% Preact Preact 或 React 语法支持插件）
## 安装命令
### 使用 Vite 模板
```bash
npm create vite@latest my-preact-app -- --template preact
cd my-preact-app
npm install
```
### 使用 Preact CLI（传统方式）
```bash
npm install -g pre… 3% Tailwind CSS e / React / Svelte / HTML 任意
- **构建工具**：Vite / Next.js / Nuxt / Webpack
- **VS Code 插件**：Tailwind CSS IntelliSense（自动补全 + class 预览）
## 2. 安装命令
### 方式一：Vite + Tailwind（通用）
```bash
# 1. 创建 Vite 项目
np… 3% React ct Developer Tools
## 2. 安装命令
### 方式一：Vite（推荐，最快）
```bash
# npm
npm create vite@latest my-react-app -- --template react-ts
# 或交互式
npm create vite@latest
# → 选择 React → TypeScript
cd my-react-app… 2% Svelte ://localhost:5173
```
### 方式二：纯 Svelte（Vite）
```bash
npm create vite@latest my-svelte-app -- --template svelte-ts
cd my-svelte-app
npm install
npm run dev
```
### 方式三：REPL 在线体验
访问 https://svelte.d… 2% Three.js 景并重新渲染 |
## 二、分步操作
### 第一步：搭建项目骨架
使用 Vite 快速启动：
```bash
npm create vite@latest my-three-app -- --template vanilla
cd my-three-app
npm install three
npm run dev
```
在 `main.js` 中构建最小场景：
```js
imp… 2%