如何创建vue3项目

最新推荐文章于 2024-05-20 09:47:04 发布
最新推荐文章于 2024-05-20 09:47:04 发布
阅读量59 收藏
点赞数 1
文章标签： vue.js 前端 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42597588/article/details/134331416
版权

创建前检测

执行node -V 检测node版本不低于14.18即可，低于版本可卸载安装新版本，
或者重新安装vuecli版本
执行npm uninstall -g @vue/cli卸载当前版本，
执行npm install -g @vue/cli安装新版本

创建项目

执行vue create 项目名称
在这里插入图片描述
分别是vue3项目快速创建、vue2项目快速创建、自定义创建项目
希望创建时安装依赖包的选自定义，快速创建项目没有任何依赖包只有一个默认页面
选择自定义创建回车下一步按需选择，数字1-9选中和取消对应项
在这里插入图片描述
回车下一步，选择创建vue2或者vue3项目
在这里插入图片描述
配置完运行npm run serve运行项目

斌味十足
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue3创建项目步骤
an_julia的博客
12-08 521
vue2 + element UI 库都已经停止维护了，vue3的使用是必然的，所以把现有项目进行vue3重构。修改node 版本（到16），项目就跑起来了。版本过低不管是npm run dev 还是 yarn dev 都报错，页面启动不起来。Vite 最初是为 Vue 3 项目而设计的。Vue 3 匹配的 Vuex 4 的文档。所以我使用了 vite 来搭建这个项目。
Vue3项目搭建教程（create-vue）
行胜于言，行动胜于空想
06-29 567
前置条件 - 已安装16.0或更高版本的Node.js。
使用vite创建一个v3应用
码海扬帆：前端探索之旅的博客
05-20 321
它是 Vue 官方的项目脚手架工具。已安装 18.3 或更高版本的。// yarn 安装。
使用vue脚手架快速搭建v3项目命令，v2.0与v3.0略有不同
ONLYSRY的博客
07-01 967
备忘录：使用node.js打开cmd控制台使用npm命令安装： 成功标识： 创建项目：CD到要创建项目的目录下： 选择版本完成创建：启动项目 浏览器访问8080端口与，项目启动。
uniapp创建Vue3项目总结
qq_39891453的博客
07-11 5934
在项目src目录中的main.js中，引入并使用uview-plus的JS库，注意这两行要放在const app = createSSRApp(App)之后。exports 等于 module.exports，相当于在js文件头部，有一个module对象，module.exports = exports；在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性。解决方法：将v-show 替换为 v-if。解决方案：配置所需要使用的第三方地图的。
初始Vue3
qq_50260510的博客
08-08 171
关于vue3的一些必须了解的知识点
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
通过脚手架Vite创建Vue 3项目（主页分栏：Web实验练习）
01-20
在这个实验中，我们将学习如何使用 Vite 脚手架创建一个 Vue 3 项目，特别是构建一个具有主页分栏的 Web 应用。 首先，确保你已经安装了 Node.js 和 npm（Node 包管理器）。Vite 和 Vue 3 的安装通常依赖于这两个...
Vue3 Project 项目(01) 源码
04-02
1. `main.js`：应用的入口文件，Vue3 项目通常在这里创建根 Vue 实例，并挂载到 DOM 元素上。这里也会引入其他全局组件、插件和配置。 2. `App.vue`：根组件，整个应用的起点。可以定义应用的结构和样式，以及任何...
Vue3创建项目1
08-08
Vue3 创建项目主要涉及到以下几个知识点： 1. **Vue CLI**：`vue create` 是 Vue CLI (Vue.js Command Line Interface) 的命令，用于快速初始化一个新的 Vue 项目。在本例中，用户通过 `vue create yyf-web` 命令...
vue3+vite创建项目-（傻瓜式教程）
01-19
2. 创建Vue3项目 接下来，使用Vite创建一个新的Vue3项目： ```bash create-vite my-vue3-project ``` 这里的"my-vue3-project"是你的项目名称，你可以根据需要进行更改。 3. 进入项目目录并启动开发服务器 创建...
vue3项目模板，优雅的vue3项目组织.zip
11-02
"优雅的vue3项目组织"是一个Vue3项目的模板，旨在提供一种良好的代码结构和组织方式，帮助开发者快速启动新项目。这个模板可能包含了最新的Vue3特性、最佳实践以及一些辅助工具，比如Vite。 Vite是由Vue.js的作者尤...
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
vue3 项目购物车 + 动画效果
03-16
综上所述，这个项目展示了Vue3如何与动画库和Vuex结合，创建一个功能丰富的购物车应用。开发者通过动画提升了用户体验，并利用Vuex有效地管理了应用的状态。对于想要学习Vue3和动画集成的开发者来说，这是一个很好的...
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
使用vue3.0 创建项目
12-16
在本文中，我们将深入探讨如何使用 Vue3 创建一个项目，以及在这个过程中涉及到的关键知识点。 首先，确保你的开发环境已经安装了 Node.js，因为 Vue CLI（命令行界面）依赖于 Node.js 运行。最新版本的 Node.js 为...
vue3-后台管理项目-v3项目搭建
大姐的博客
02-16 1105
学完vue3，咱们总要巩固巩固知识吧，所以分享一篇vue3方法编写后台管理的相关项目，以及出现问题就解决问题的能力
用 Vite 创建Vue3项目和相关开发工具配置
m0_67372185的博客
11-22 1009
用vite创建一个vue3项目以及相关开发工具
cli创建vue3项目
最新发布
06-27
以下是创建Vue 3项目的步骤： 1. **安装Vue CLI**: 首先，确保你的计算机上已经安装了Node.js和npm。然后，打开终端或命令提示符，运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 2. **...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值