一、前期准备

1.环境准备

Node.js版本大于12.0.0

2.开发工具

Visual Studio Code
Google Chrome

2.技术选型

Vue 3.2
Vite 3.0
vue-router4
vuex4
Element Plus
Volar
git

二、初始化项目

使用npm:

$ npm init vite@latest

使用yarn:

$ yarn create vite

使用pnpm:

$ pnpm create vite

在命令操作界面中,输入以上任意一条命令,然后按照提示操作即可完成项目创建。

项目创建完成之后，进入项目文件夹，使用npm install 完成项目初始化，最后npm run dev启动项目

访问http://127.0.0.1:5173，可以看到项目启动后的页面

三、工具安装

1.编辑器插件

Volar，VS Code的官方扩展插件，为Vue3提供了全面的开发支持。
Element Plus Snippets，为Element Plus组件提供了语法提示和代码补全

2.开发插件

vue-router
vuex
Element Plus
Axios

npm install vue-router@next vuex@next element-plus axios

官方文档:
vite: https://vitejs.cn/
vue3:https://cn.vuejs.org/

搭建一个基于Vue3+Vite+TypeScript的项目相关推荐

一个基于vue3+vite+ts的完整项目
VUE VBEN ADMIN2.0 介绍 vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 ...
亲手搭建一个基于Asp.Net WebApi的项目基础框架1
目标:教大家搭建一个简易的前后端分离的项目框架. 目录: 1:关于项目架构的概念 2:前后端分离的开发模式 3:搭建框架的各个部分这段时间比较闲,所以想把之前项目里用到的一些技术写到博客里来,分享给 ...
一个基于 Vue3 Vite 的相册应用
由于有若干个能拍照的设备,再加上时间会公平地杀死一切,我每年都会拍出几张回看时感慨万千的照片. 但由于时间与地域的关系,这些照片往往要么丢失,要么被随意塞在网盘的某处.于是,现在 (2022-11-2 ...
Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践
尤大的 Vue3.0 已经发布有一阵子了,已经很成熟了. 而且 Element Plus + Vite 也出了一段时间了,是时候该上手体验分享一波了. 主要是要熟练一下 Vue3,好准备用 Vue3 ...
从零搭建一个基于React+Nextjs的SSR网站(四)：如何搭建服务器并部署Nextjs项目
个人博客源码:https://github.com/shaotianyu/blog-front PS: 如果你有疑惑,可以给我留言,咱们一起解决它. 从零搭建一个基于React+Nextjs的SSR网 ...
从零开始搭建一个管理系统-vue3.0项目创建-----1
从零开始搭建一个管理系统-vue3.0项目创建-----1 讲在前面 webpack构建项目代码编辑器依赖修改码云代码地址讲在前面假设你已了解关于 HTML.CSS. JavaScript ...
【Linux】快速搭建一个基于Vue的大型单页应用
文章目录一.npm的安装二.cnpm的安装四.Vue的安装五.快速搭建大型单页应用六.运行截图开发环境:Ubuntu 20.0.4 一.npm的安装 sudo apt install np ...
【微信小程序控制硬件③】从软件到硬件搭建一个微信小程序控制esp8266的项目，自定义通讯协议，为面试职位和比赛项目加分！
微信物联网生态主要分在微信硬件开发平台与腾讯物联开发平台,前者已经停止维护,但依然有着很大的学习价值,而后者作为主推的平台,集成很多功能,包括从微信小程序实现配网到控制: 为了兼顾更多的朋友和自己的学 ...
零基础搭建一个基于PHP+MYSQL网站教程，个人建站全过程
零基础搭建一个基于PHP+MYSQL网站教程,个人建站全过程一.网站计划编写. 1.定位,网站名称,关键字,描述,分类目录,内容 [这里推荐用脑图软件,可以用百度脑图] 2.想好域名二. ...

搭建一个基于Vue3+Vite+TypeScript的项目

文章目录

一、前期准备

1.环境准备

2.开发工具

2.技术选型

二、初始化项目

三、工具安装

1.编辑器插件

2.开发插件

搭建一个基于Vue3+Vite+TypeScript的项目相关推荐

最新文章

热门文章