新建 vue3 项目

一、环境准备

1、安装 Node

前往参考

2、安装 @vue/cli

  • 安装
shell 复制代码
npm install -g @vue/cli
  • 验证安装
shell 复制代码
vue --version

二、创建 vue3 项目

1、方法一

  • 只是简单的 Vue3 项目
shell 复制代码
vue create vue3-demo


1、方法二

  • 创建基础 Vite + Vue3 + TS 项目
shell 复制代码
npm create vite@latest my-vue3-app -- --template vue-ts



需要自行安装需要的依赖包
  • 安装 Vue Router

    shell 复制代码
    npm install vue-router@4
  • 安装 Pinia

    shell 复制代码
    npm install pinia
  • 安装 Eslint

    shell 复制代码
    npm install -D eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin

1、方法三

  • 创建 Vue 3 + Vite + TypeScript + ESLint + Pinia + Vue Router 项目
shell 复制代码
npm create vue@latest vue3-demo



相关推荐
用户985033593284 分钟前
OpenLayers 热力图从原理到 Vue 组件一键接入
前端
颜酱7 分钟前
01 | 骨架搭建:FastAPI + Vue 跑通第一个 SSE 流式问答
前端·人工智能·后端
hoLzwEge13 分钟前
解码 IDE 智能提示:jsconfig.json 辅助开发全攻略
前端·前端框架
leoZ23115 分钟前
记忆系统与 Agent 定制完全指南(四):自定义 Agent 开发(一)
前端·chrome
慧一居士19 分钟前
Element Plus 按需引入的配置使用说明和完整示例
前端·vue.js
程序员黑豆20 分钟前
鸿蒙应用开发实战:从零学会自定义组件
前端·华为·harmonyos
leoZ23131 分钟前
记忆系统与 Agent 定制完全指南(三):记忆的检索与使用
前端·chrome
遇乐的果园43 分钟前
前端学习笔记-vue状态管理优化
前端·笔记·学习
GIS阵地2 小时前
QgsSingleBandPseudoColorRenderer 完整详解(QGIS 3.40.13 C++)
开发语言·前端·c++·qt·qgis
刘较瘦_2 小时前
AI 开发中的 Git Submodule 父子仓库模式:前后端分仓管理与协作实践
前端·github