当前位置: 首页 > 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.lryc.cn/news/431419.html

相关文章:

  • VBA进行excel坐标转换
  • 使用pytorch深度学习框架搭建神经网络
  • Hive数据库与表操作全指南
  • UniaApp引入Iconfont
  • 面试题:软件测试缺陷产生的原因有哪些?
  • RabbitMQ 04 集群
  • axure9勾选多个删除,弹框显示多个中继器编号
  • Git 使用指南 --- 版本管理
  • C#进阶-ASP.NET实现可以缩放和旋转的图片预览页
  • 【小程序 - 大智慧】深入微信小程序的核心原理
  • Qt 去掉QDialog对话框的问号
  • 负载均衡 Ribbon 与 Fegin 远程调用原理
  • c/c++:CMakeLists.txt中添加编译/连接选项使用内存错误检测工具Address Sanitizer(ASan)
  • armbian cups 远程打印机 1022
  • three.js使用3DTilesRendererJS加载3d tiles数据
  • 坐牢第三十五天(c++)
  • Conda离线部署django
  • 1. Fabric.js安装使用
  • Excel中.xls和.xlsx文件格式的区别,及C++操作Excel文件
  • php实用命令
  • TypeError:未绑定方法
  • Java虚拟机(JVM)的架构和工作原理,字节码执行流程
  • 416.分割等和子集
  • python初始化一个三维数组
  • EI会议推荐-第二届大数据与数据挖掘国际会议(BDDM 2024)
  • RK3566/RK3568 Android 11 动态显示/隐藏下拉框
  • Android图片缓存工具类LruCache原理和使用介绍
  • 生活杂记1
  • go常用代码
  • 各种各样的正则表达式