当前位置: 首页 > news >正文

VUE3项目的几种创建方式

文章目录

      • 1.使用 Vue CLI (Vue Command Line Interface):
      • 2.使用 Create Vue App:
      • 3.使用 Vite:
      • 4.使用图形用户界面 (GUI):
      • 5.纯手工搭建
      • 6.基于模板创建:

1.使用 Vue CLI (Vue Command Line Interface):

  • Vue CLI 是官方推荐的方式来快速搭建 Vue 项目的基础结构。
  • 命令:
# 安装 Vue CLI
npm install -g @vue/cli# 创建项目
vue create my-vue3-app

2.使用 Create Vue App:

  • Create Vue App 是一个轻量级的脚手架工具,它提供了无配置的体验,适合快速启动项目。
  • 命令:
# 创建项目
npm init vue@latest my-vue3-app

在现在官方最新的文档中的方式是npm create vue@latest,其实这个npm create就是npm init的别名,是一个东西。

3.使用 Vite:

  • Vite 是一个由 Vue.js 作者尤雨溪开发的前端构建工具,它提供了更快的开发体验。
  • 命令:
# 创建项目
npm init vite@latest my-vue3-app --template vue

4.使用图形用户界面 (GUI):

  • Vue UI 是 Vue CLI 的图形用户界面,可以通过可视化的操作来创建和管理项目。
  • 命令:
# 安装 Vue CLI
npm install -g @vue/cli
# 启动 GUI
vue ui

5.纯手工搭建

6.基于模板创建:

  • 有些开发者可能会选择使用特定的模板或者框架来创建项目,比如 Nuxt.js(服务端渲染框架)、Quasar(PWA 框架)等。
  • 命令:
# 安装 Nuxt CLI
npm install -g create-nuxt-app
# 创建项目
npx create-nuxt-app my-nuxt-app

http://www.mrgr.cn/news/19234.html

相关文章:

  • OpenCV从入门到精通——角点特征点提取匹配算法实战
  • ubuntu24和win11双系统,每次启动后Windows时间不正确的处理办法
  • TCP协议相关特性
  • Java并发编程之ThreadLocal深度探索
  • Linux 学习之路 - 信号的保存
  • 巧用xrename批量重命名下载的影视文件
  • 设置Kali Linux 24小时制,并同步时间
  • 使用vscode编辑matlab完美解决方法
  • Docker 安装FileBeat、Elasticsearch及Kibana详细步骤
  • mac 安装redis
  • 计算机岗位(面试)
  • Open3D 基于曲率大小的特征点提取
  • 深度学习从入门到精通——yolov1
  • 【kubernetes】持久化存储 —— nfs,emptyDir,hostPath
  • Linux编程学习记录
  • ffmpeg音视频开发从入门到精通——ffmpeg实现音频抽取
  • c++ 156函数
  • MySQL高阶语句(一)
  • DrissionPage设置启动浏览器为edge
  • C高级编程 第十四天