Vue3/vite2 安装
时间: 2025-02-18 22:23:45 浏览: 32
### 安装 Vue 3 和 Vite 2 的指南
#### 创建新项目
为了设置一个新的Vue 3项目并使用Vite作为构建工具,可以按照下面的方法操作:
对于创建基于Vite的新项目,推荐的方式是从模板开始。尽管当前环境更倾向于更高版本的Vite,但指定安装Vite 2.x 版本也是可行的。
```bash
npm init [email protected] my-vue-app --template vue
```
这条命令将会初始化一个名为 `my-vue-app` 的新项目,并选择vue模板的同时锁定Vite版本至2.9.15[^3]。
进入刚刚创建的项目目录:
```bash
cd my-vue-app
```
#### 安装依赖项
接下来,在项目的根目录下执行以下命令来安装所需的依赖包:
```bash
npm install
```
这一步骤会读取 `package.json` 文件中的依赖列表,并下载相应的库到本地环境中去。
#### 启动开发服务器
完成上述步骤之后,可以通过运行下列命令启动开发服务器来进行初步测试:
```bash
npm run dev
```
此时应该可以在浏览器中访问默认地址 (通常是 http://localhost:3000/) 来查看应用是否成功搭建起来。
#### 构建生产版
当准备部署应用程序时,可利用如下指令编译优化后的静态资源用于线上发布:
```bash
npm run build
```
此命令会在项目内生成一个dist文件夹,里面包含了经过压缩处理适合上线使用的HTML/CSS/JS等静态资产。
阅读全文
相关推荐


















