运行环境

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

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

实际环境：

Node.js：v18.12.0NPM：8.19.2

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

使用Vite初始化项目

Vite1官方地址：https://vitejs.dev/
Vite2官方地址https://v2.vitejs.dev/

vite提供不同工具的初始化

使用NPM

npm create vite@latest

注：@vitejs/app已弃用，使用npm init vite

使用Yarn

yarn create vite

使用PNPM

pnpm create vite

还可以通过其他命令行选项直接指定项目名和使用的模板，本项目要构建 Vite + Vue3 + TypeScript 项目，则运行：

# npm 6.x
npm create vite@latest my-vue-app --template vue-ts# npm 7+（需要加上额外的双短横线）
npm create vite@latest my-vue-app -- --template vue-ts# yarn
yarn create vite my-vue-app --template vue-ts# pnpm
pnpm create vite my-vue-app --template vue-ts

以NPM为例：

1、输入项目名称
默认项目名称: vite-project

2、选择框架
3、选择typescript
4、完成
5、安装依赖

cd vite-projectnpm install

6、启动项目

npm run dev

Vite搭建Vue3 + TypeScript 项目(NPM)相关推荐

Vite搭建Vue3 + TypeScript 项目(Yarn)
文章目录运行环境 Node.js yarn安装与配置 Vite初始化项目 vite提供不同工具的初始化以Yarn为例: 运行环境 Node.js 请确保你的电脑上成功安装 Node.js,本项目使 ...
种子项目：Vite 搭建 Vue3 + TypeScript 项目
技术栈 Vue 3.x Typescript Vite 2.x Pinia Vue-Router 4.x Element-plus UI And More- 源码地址 (创作不易,欢迎点颗 star ...
vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目配置项目配置typescript 配置Vue Router 配置Vuex 配置Ant ...
使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务
记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...
Vue3+TypeScript 项目封装axios
Vue3+TypeScript 项目封装axios VUE CLI 中代码目录解构 config.js let BASE_URL = '' const TIME_OUT = 10000 //区分环境不 ...
Vite2.0搭建Vue3.0项目应用实战
前言最近Vite2.0很火热,说是要替代webpack作为下一代前端构建工具.上个周末搬完房子仔细研究了一下,照着我们目前的项目环境,尝试搭建了一套基础环境,简单了解了Vite2.0的配置,以及各种 ...
用vite创建 vue3 ts项目
先看看vite官网这都2022年了,你肯定玩过vite + vue3 + ts项目吧原先都是其他同事创建好项目,我直接上手这次我自己来创建一下,在这里做一下记录可以直接跟着官方教程走 http ...
使用vite搭建Vue3项目
全局安装create-vite-app # yarn yarn global add create-vite-app@1.18.0 # npm npm i -g create-vite-app@1.1 ...
Vite 创建 vue3.x 项目
1. 创建 vite 项目按照顺序执行如下命令,即可基于 vite 创建 vue 3.x 的工程化项目: npm init vite-app 项目名称 cd 项目名称 npm install npm ...

Vite搭建Vue3 + TypeScript 项目(NPM)

文章目录

运行环境

使用Vite初始化项目

vite提供不同工具的初始化

以NPM为例：

Vite搭建Vue3 + TypeScript 项目(NPM)相关推荐

最新文章

热门文章