新建 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



相关推荐
ℋᙚᵐⁱᒻᵉ鲸落5 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙6 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow7 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上7 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
星栈8 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香8 小时前
简单的图片上传 删除 预览
前端
ITresearchGuest8 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士9 小时前
Vite项目中使用Less步骤,详细使用示例
前端·css
花间相见9 小时前
【LangChain组件03】—— LangChain Agents 执行与状态:工作流程与状态管理实战
java·前端·langchain
kyriewen10 小时前
面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码,只看我会不会拆
前端·javascript·面试