Vue3.0教程002：创建Vue3项目

已于 2025-04-24 15:10:17 修改
阅读量725 收藏 9
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Vue3教程 文章标签： vue.js
于 2025-01-04 09:02:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WwLK123/article/details/144922247

文章目录

2、创建Vue3工程

2.1 基于vite创建（推荐）

vite是 新一代前端构建工具，官网地址https://www.vitejs.net/，vite的优势如下：

  • 轻量快速的热重载（HMR），能实现极速的服务启动
  • 对TypeScript、JSX、css支持开箱即用
  • 真正的按需编译，不再等待整个应用编译完成
npm create vue@latest

在这里插入图片描述

安装插件：

在这里插入图片描述

env.d.ts爆红，解决措施：执行npm i

了解本专栏 订阅专栏 解锁全文 超级会员免费看
vue3.0项目的创建
weixin_50633446的博客
04-21 759
在创建vue工程项目之前要先安装node.js和添加环境变量 若没有完成此操作请上篇：node.js安装与添加环境变量 npm的仓库地址在国外，使用起来网速较慢，建议到淘宝镜像 安装nrm：npm install nrm -g （-g表示全局安装） 查看nrm的仓库：nrm ls 更改淘宝镜像：nrm use taobao 再次查看nrm的仓库：nrm ls 安装vue的脚手架 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，通过 npm uninstall v.
VUE 3.0 如何新建项目 详细教程 附环境搭建 推荐
weixin_43483590的博客
07-26 1342
本人新入手一台电脑，需要安装各种环境配置，顺便把过程记录一下，方便自己以后查看，也欢迎大家参考交流。
vue3.0搭建全教程
热门推荐
qq_41729329的博客
09-04 1万+
123123。
创建 Vue 3.0 项目的两种方法对比：npm init vue@latest vs npm init vite@latest
最新发布
m0_56026872的博客
06-22 559
Vue 3.0项目创建方法对比：Vue CLI与Vite Vue 3.0项目创建主要有两种方式：Vue CLI（npm init vue@latest）和Vite（npm init vite@latest）。Vue CLI基于Webpack，提供完整的开发环境和丰富插件，适合大型复杂项目；而Vite基于原生ESM，具有极快的启动和热更新速度，更适合中小型项目。两者在构建工具、速度、配置复杂度等方面存在明显差异。选择时应考虑项目规模、开发体验需求和团队技术栈。Vue CLI稳定成熟，Vite则代表现代化构建趋
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2715
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
Vue3.0 创建项目
weixin_45677987的博客
05-07 631
1： Vue3. 0 创建项目 检查vue -V vue 项目的版本； vue 脚手架版本高于4.5.0； 一定要高于4.5.0版本才支持创建vue3.0 项目。 2： 如果是创建的是vue2.0 项目， 可以直接升级： 运行命令： Vue add vue-next (命令) 3： 直接升级vue 脚手架版本（必须高于4.5.0版本才可以搭建vue3.0项目） 4： 使用vite 创建vue3.0 项目： Vite: 是一个由原生的ESM 驱动的web web 开发工具， ...
Vue3.0项目的创建
Hello World
04-15 3035
文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）
创建 VUE3.0 项目
weixin_46243213的博客
07-27 1731
创建vue3.0项目
新建一个vue3.0项目
m0_61472704的博客
02-07 1749
1.输入 vue -V 检查脚手架版本 如图，若版本低于3.0，则需要更新 ②更新脚手架（vue-cli） 先卸载旧版，再下载新版 卸载 npm uninstall -g vue-cli 下载 npm install -g @vue/cli 如果下载不成功，如图，则需要删除node_modules下的@vue文件夹 再执行安装命令 更新成功 2.输入命令vue create vue-next-test创建项目 ① 一般选择“自定义项目”，用键盘上下键移动，回车选.....
vue3.0-shop:编写演示以学习vue3.0
04-07
你可以通过创建和修改组件、处理数据、实现动态渲染、以及优化性能等方面来深入学习Vue3.0。在实际操作过程中，你还可以探索Vue CLI的更多功能，例如自定义配置，这将帮助你更好地适应和掌握Vue3.0的开发流程。 ...
vue_form_design:基于Vue3.0的表单设计器
03-16
总结来说，Vue Form Design是基于Vue3.0的高效表单构建工具，利用其强大的功能，开发者可以快速创建和管理复杂的表单，同时享受到Vue3.0带来的性能和开发体验提升。通过解析压缩包内的源码，可以深入理解其工作原理...
创建vue3.0项目教程
陈序员的博客
09-30 2257
## 简介： Vue3 的正式版发布了，两年多的开发，99 位贡献者的努力 ，2600 次提交 628 次 PR，在 2020 年 9 月 19 日 Vue3 更新了 正式版本，正式版本一出，代表着不会再有太大的改动了，也意味着你可以开始学习了，这篇文章主要介绍下vue-cli3.0项目搭建 ，分享给大家 1.卸载旧的 vue-cli2 版本的脚手架 npm uninstall -g vue-cli 2.安装新的 vue-cli3 版本的脚手架 npm install -g @vue/cli 3
创建vue3.0项目
weixin_45043548的博客
03-11 1509
创建vue3.0项目 安装odejs并配置npm包的cache和global地址 安装vue ： npm install vue@next 安装vue手脚架： npm install -g @vue/cli 安装vue初始化：npm install -g @vue/cli-init 初始化项目，并按照提示走到最后：vue init webpack ...
Vue3.0项目搭建
weixin_42560974的博客
09-14 1157
vue3.0项目搭建
【Vue】3.0 项目创建 自定义配置
weixin_52418790的博客
04-21 8673
1、进入项目路径 2、创建vue3项目 vue create +项目名称 注意：项目名称要避开特殊名字如echarts、vue等 3、项目配置 等待后弹出选项窗口，询问用户以什么模板方式进行安装 Default ([Vue 3] babel, eslint)：默认预设配置，会快速创建一个Vue2.0项目，提供了babel和eslint支持 Default ([Vue 2] babel, eslint)：默认预设配置，会快速创建一个Vue3.0项目，提供了babel和eslint支持 Manu
如何创建Vue3.0项目
weixin_34059951的博客
07-01 1644
1.首先在你想要存放项目的文件夹中输入CMD，然后回车 2.然后输入vuecreatevue-mytest （-后面是自己的项目文件名称，这里我的项目名称为mytest），然后回车 3.然后选择第二个Manually select features 手动选择功能，然后回车 4.然后选择想要的功能（这里我选择的只有Vue路由、Vue状态管理器、CSS预处理...
Vue3.0 - 创建一个Vue3.0项目
技术共享，共同进步！
07-14 843
如果创建一个Vue3.0项目一.使用 vue-cli 创建 vue3.0 项目二. 使用 vite 创建 vue3.0 项目 一.使用 vue-cli 创建 vue3.0 项目 需保证脚手架版本高于4.5.0，4.5.0版本以上才支持使用vue-cli创建Vue3.0项目。 Vue-cli : https://cli.vuejs.org/zh/guide/installation.html 查看脚手架版本 vue --version 安装vue-cli最新版本 npm install -g @v
从零开始创建VUE3.0项目
qq_41367785的博客
08-24 1678
错误：加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: getaddrinfo ENOTFOUND json.schemastore.org。创建的是时候有很多选项，这个根据自己需要来选择，不会的就按照上面来选择即可。错误： 无法找到模块“./components/XXX.vue”的声明文件。当遇到任何错误，看着没有问题，就是报错，那么就重启软件，再试试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

文理棵

你的鼓励将是我最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值