vite + vue3 + typescript 搭建

芒果5s / 2024-03-20 / 原文

1. 安装node.js 

下载地址:https://nodejs.p2hp.com/安装好后,cmd输入 node -v 查看版本号,出现以下图版本号内容则安装成功

2.安装vite

(本步骤可省略)可先切换淘宝镜像 npm config set registry httpsregistry.npm.taobao.org

确保node安装好,输入 npm install -g create-vite 命令,如下图,安装成功

3.创建项目

输入:create-vite test-project  选择Vue

 选择 typescript,回车就创建好了

创建好的项目如下:

进入test-project文件夹

 4.安装依赖

在test-project打开终端(test-project文件夹里面 按住shift + 右键)输入 npm install

 5.运行

输入 npm run dev 运行,即可访问

安装成功