vite4.3.3 创建
时间: 2023-10-10 13:05:47 浏览: 52
要在 Vite 中创建一个新的项目,你需要先安装 Node.js 和 npm。如果你已经安装了,请按照以下步骤操作:
1. 打开终端,创建一个新的项目文件夹并进入该文件夹:
```
mkdir my-project
cd my-project
```
2. 初始化 npm:
```
npm init -y
```
这将创建一个默认的 `package.json` 文件。
3. 安装 Vite:
```
npm install vite --save-dev
```
4. 创建一个 `index.html` 文件和一个 `main.js` 文件:
```
touch index.html
touch main.js
```
5. 在 `index.html` 文件中添加以下内容:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Vite Project</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="./main.js"></script>
</body>
</html>
```
6. 在 `main.js` 文件中添加以下内容:
```javascript
console.log('Hello, Vite!')
```
7. 启动 Vite 服务器:
```
npx vite
```
8. 打开浏览器并访问 `http://localhost:3000`。你应该可以看到控制台输出 "Hello, Vite!"。
现在你已经成功创建了一个 Vite 项目!
阅读全文