第一章： vue3 项目初始化

心圣灵人

已于 2023-10-13 15:18:32 修改

阅读量215

点赞数

分类专栏： vue3项目记录文章标签：前端 vue typescript

于 2023-10-13 15:08:50 首次发布

本文链接：https://blog.youkuaiyun.com/bao_Heng/article/details/133810061

版权

vue3项目记录专栏收录该内容

6 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文档详细介绍了使用Vue3、Vite、TypeScript、Pinia、ElementPlus、Vue Router 4、Echarts、Mock及OpenLayers和天地图进行项目初始化的步骤和环境配置，包括Node.js、npm和VSCode的版本信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

该项目使用的技术栈包括：

vue3
vite
ts
pinia
elementPlus
router4
echarts
mock
openlayers
天地图

我的环境：

node 16.20.2
npm 8.19.4
vscode

项目初始化创建

1、终端输入如下命令之后回车

npm create vite@latest

2、之后输入项目名，回车

3、选择使用的框架为vue，回车

4、选择使用的语言类型为ts，回车

等待创建完成之后，我这边使用的是vscode开发，在vscode中打开

5、打开终端，输入npm install之后回车，等待安装依赖

<