Vite搭建Vue3 + TypeScript 项目(Yarn)

劰的劰

已于 2022-11-04 18:00:21 修改

阅读量2.1k

点赞数

分类专栏：前端开发文章标签： npm 前端 javascript

于 2022-11-04 15:21:24 首次发布

本文链接：https://blog.csdn.net/trista_1999/article/details/127689817

版权

本文介绍了如何在具备Node.js环境的基础上，使用Yarn配置和安装，然后通过Vite初始化一个Vue3 + TypeScript的前端项目。详细步骤包括确认Node.js版本，使用npm安装Yarn，配置淘宝源，以及使用Vite的Yarn命令创建项目，选择项目名称、框架和TypeScript，最后安装依赖并启动项目。

摘要由CSDN通过智能技术生成

运行环境

Node.js

请确保你的电脑上成功安装 Node.js，本项目使用 Vite 构建工具，需要 Node.js 版本 >=12.2.0（建议将Node.js升级到最新的稳定版本）。

# 查看Node.js版本
node -v
# 使用 nvm 安装最新稳定版 Node.js
nvm install stable

Node.js是一个基于Chrome V8引擎的JavaScript运行环境

yarn安装与配置

1、npm安装yarn

# npm全局安装
npm install -g yarn

# 查看yarn版本
yarn -v

2、配置淘宝源

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

在这里插入图片描述
实际环境：

Node.js：v18.12.0

Yarn：1.22.19

Vite初始化项目

Vite1官方地址：

最低0.47元/天解锁文章