【vue3】常见的使用vue3创建项目的几种方法

已于 2023-07-26 14:43:15 修改
阅读量607 收藏
点赞数
分类专栏： vue3+Diango+Mysql 文章标签： vue.js 前端 javascript
于 2023-07-25 17:30:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65690979/article/details/131922785
版权

1、使用ui界面创建，win+r打开命令提示符，输入vue ui

2、win+r打开命令提示符，输入vue create 项目名称

3、使用脚手架创建

 其中方法一，方法二是使用npm run serve来运行的，方法三是使用npm run dev运行的

LKsTaRt～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue3项目的创建
weixin_53099365的博客
12-14 2760
使用vue3项目的创建
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 6万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
vue3（一）：Vue3简介、创建vue3工程、Vue3中的响应式
最新发布
Hdhhdhbsjxbdhvyg的博客
05-28 1021
打包速度快、内存小、渲染快ref经常定义基本数据类型，reactive定义数组、对象数据类型注：ref也可以定义数组、对象数据类型，内部通过reactive转为代理对象。
【03Vue3 创建项目教程】Vue3 创建项目及开发指南
燃正科技
06-08 5426
例如，你可以选择默认配置，其中包含了常用的插件和工具，也可以选择手动配置，根据自己的需求进行设置。你还可以使用预设模板，这些模板可以帮助你快速搭建特定类型的项目，如移动端应用或者使用 TypeScript 的项目。首先，确保你的计算机上已安装最新版本的 Node.js。通过按照以上步骤，你已经学会了如何创建一个 Vue3 项目，并在本地开发服务器上进行预览。现在你已经成功创建了一个 Vue3 项目，并运行在本地开发服务器上。这将启动 Vue CLI 的项目创建向导，你可以根据提示进行选择。
vue3项目的创建（vue-create创建）
张羽的博客
06-26 1043
vue2的脚手架是vue-cli，vue3的脚手架是creat-vue前提条件：node.js为16.0以上(查看node 版本 node -V）
vue3项目创建步骤，以及项目运行失败的原因和解决方法
杜永康的博客
05-28 8415
如果你需要使用 Vue 3 的新特性，可以选择第二个选项，如果你需要使用 Vue 2，可以选择第三个选项，如果你需要自定义项目特性，则可以选择第一个选项。手动选择需要的特性，可以根据需要选择所需的特性和插件，包括 Babel、TypeScript、CSS 预处理器、Linter/Formatter、Unit Testing 等。⭐我们创建的hello项目是放在这个文件夹中的，这个文件夹是中文名字，所以报错了。建议在E盘创建项目，这里只是演示。需要注意的是，这里的的项目名字，用英文，或者拼音，不能用汉字。
html中创建并调用vue组件的几种方法汇总
01-21
最近在写项目的时候，总是遇到在html中使用vue.js的情况，且页面逻辑较多，之前的项目经验都是使用脚手架等已有的项目架构，使用.vue文件完成组价注册，及组件之间的调用，还没有过在html中创建组件的经验，所以借此...
vue cli 3.x 项目部署到 github pages的方法
10-17
总结，部署 Vue CLI 3.x 项目到 GitHub Pages 需要注意的几点包括：避免使用 History 模式，正确配置 `publicPath`，处理 CSS 图片路径，创建自动化部署脚本，并在 GitHub 页面设置中启用服务。遵循这些步骤，你可以...
vue3+antv x6+tsx 制作自定义流程图
09-23
在本文中，我们将深入探讨如何使用Vue3、AntV X6和TSX技术栈来创建一个自定义的流程图。这个项目旨在利用这些强大的工具，提供一个可扩展且用户友好的流程图编辑环境。 首先，Vue3是Vue.js框架的最新版本，它引入了...
vite vue3 import.meta.glob动态路由
03-29
在Vue 3应用程序中，Vite提供了一种高效的方式来实现动态路由。Vite是一个由Vue.js作者尤雨溪开发的现代Web应用构建工具，它利用了ES模块的原生加载能力，提供了更快的开发环境启动速度和更简洁的配置。在Vite与Vue ...
浅谈Vue3 Composition API如何替换Vue Mixins
10-15
Vue3 允许我们创建自定义指令（如 `v-my-directive`），并且通过组合式函数（也称为组合函数或组合API）将复杂的逻辑封装起来，这些函数可以返回需要在 `setup()` 中使用的对象，例如响应式数据、计算属性和方法。...
【Vue3教程】创建你的第一个Vue 3项目，看完这篇
2401_83739727的博客
04-02 538
提示：当你对应用程序进行 code-split 和 tree-shake 动时，Vite 的速度会更快，因为它只加载它需要的模块，即使是在开发阶段。由于@ vue-cli / service是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。这都是在服务器端完成的，依赖的数量和改变后构建/重新构建的时间之间有一个大致的线性关系。
创建vue 3.0项目（以图形界面的方式）
weixin_38673922的博客
12-08 500
一、用vue的UI界面来创建项目，需将vue升级到 3.0以上的版本。 【下载vue最新版】 npm i -g @vue/cli 或者 cnpm install -g @vue/cli 【打开ui界面】 vue ui 二、创建项目 注意：填写项目名（尽量小写，大写会自动转为小写），选择npm或其他包管理器。 以创建vue 3.0的项目为例 三、创建完成 四、在编辑器打开项目 五、项目目录： ...
vue3创建项目、基础知识
halo1416的博客
04-02 2717
Vue3的基础概念 一、创建vue3的项目（基于脚手架） // 前提：将vue-cli 升级到4.x 的版本 vue create my-app-ts // 使用ts npm install typescript ts-node -g 生成时操作如下: 二、vue3.0 部分写法改变 后面补充 createStore => useStore createRouter => useRouter vue所有api 的入口：setup vue3里面没有mapState 原因：mapState 是
vue3相关知识总结——创建项目
qq_18840283的博客
03-21 275
vue3项目创建
vue3-创建一个vue3项目
杰儿__er 的博客
03-28 1198
注意：如果已经安装，未显示，可能是没配置。
【创建vue项目的三种方式】
regretTAT的博客
06-06 7163
【代码】【创建vue项目的三种方式】
使用vite创建vue3项目命令
m0_56168677的博客
03-05 2485
使用vite创建vue3项目命令
vue3创建项目步骤
07-29
创建Vue3项目的步骤有多种方式可以选择。其中常用的方式有以下几种： 1. 使用Vue CLI创建项目： - 确保已安装Node.js（版本要求：v16.13.0）和npm（版本要求：v8.1.0）。 - 确保已安装Vue CLI（版本要求：v4.5.15）。 - 执行命令：`vue create 项目名`，按照提示进行选择和配置。 - 进入项目文件夹，执行命令：`npm run serve`，运行项目。 2. 使用Vite创建项目： - Vite是下一代前端构建工具，具有快速冷启动、轻量快速热重载和按需编译等优势。 - 执行命令：`npm init vite-app 项目名`，创建项目。 - 进入项目文件夹，执行命令：`npm install`，安装依赖。 - 执行命令：`npm run dev`，运行项目。 3. 使用Vue3官方推荐的创建方式： - 执行命令：`npm init vite`，按照提示进行选择和配置。 - 进入项目文件夹。 - 执行命令：`npm install`，安装依赖。 - 执行命令：`npm run dev`，运行项目。 以上是创建Vue3项目的几种常用方式，你可以根据自己的需求和喜好选择其中一种方式进行项目创建。 #### 引用[.reference_title] - *1* *3* [如何创建vue3项目](https://blog.csdn.net/m0_69502730/article/details/126513141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [如何创建Vue3项目](https://blog.csdn.net/weixin_44948981/article/details/123567171)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LKsTaRt～

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值