vue3+ts项目搭建的实现示例，

vue3+ts项目搭建的实现示例，

目录

• 前置条件
• 基础工程模板搭建 
• 测试环境变量是否配置成功
• 初始化vue项目
• 安装常用依赖
• 基础项目目录介绍

前置条件

请确保已经装好node，并配置好环境变量

下载地址：

https://nodejs.org/en/download

基础工程模板搭建 

测试环境变量是否配置成功

查看版本命令

打印出版本号代表配置成功。

初始化vue项目

npm init vue@latest

依次选择即可。

初始化完毕依次执行

1.安装项目所需依赖

npm install

2.运行项目

npm run dev

浏览器访问该地址

此时我们用VScode打开项目。文件-打开文件夹-选择新创建的vue项目目录

安装常用依赖

vscode打开终端

安装element-plus（vue最常用组件库）

npm i element-plus -S

安装axios（Ajax的封装）

npm i axios -s 

 安装完毕可以看到package.json文件如下内容：

基础项目目录介绍

下面介绍常用的一些目录以及文件。

到此这篇关于vue3+ts项目搭建的实现示例的文章就介绍到这了,更多相关vue3 ts项目搭建内容请搜索3672js教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持3672js教程！ 

您可能感兴趣的文章:

• 如何搭建一个完整的Vue3.0+ts的项目步骤
• vite+vue3.0+ts+element-plus快速搭建项目的实现
• Vue3+script setup+ts+Vite+Volar搭建项目
• 一个基于vue3+ts+vite项目搭建初探
• 从零搭建一个vite+vue3+ts规范基础项目(搭建过程问题小结)
• Vue3+TS+Vite+NaiveUI搭建一个项目骨架实现
• 一步步带你用vite简单搭建ts+vue3全家桶
• 如何使用Vue3+Vite+TS快速搭建一套实用的脚手架
• 使用Vite搭建vue3+TS项目的实现步骤
• vue3+ts+vite+electron搭建桌面应用的过程