【VUE】VUE - CLI 创建一个 VUE 3 项目 详细步骤 , 继承 路由、Element-UI-Plus

最新推荐文章于 2025-06-18 21:06:02 发布
最新推荐文章于 2025-06-18 21:06:02 发布
阅读量804 收藏 6
点赞数 8
CC 4.0 BY-SA版权
文章标签： vue.js ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43571809/article/details/135994037

后端也得学学前端吧

一些简单的后台管理程序，你一个后端不会点前端行嘛你！博主跟着一步一步来！

搭建项目详细步骤

1、Node.js和npm的安装

NodeJS 官方下载地址

安装下载，这个很简单。

2、安装 Vue CLI

npm install -g @vue/cli

image.png

3、创建一个新的Vue项目

npx vue create vue-yanxi

过程中询问你一些配置选项。

1700632896116.png

4、进入目录选项

cd vue-yanxi

5、运行

npm run serve
  • serve看你package.json中怎么配置的。

image.png

6、运行成功

最低0.47元/天 解锁文章

200万优质内容无限畅学
vue-cli3创建Vue项目
程序员柒的博客
02-09 3176
本文讲解了如何使用vue-cli3创建属于自己的Vue项目，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。下面案例可供参考。
Vue-cli创建Vue3项目
爱吃香菜君的博客
06-04 744
那么，在开始 Vue.js 3.0 的开发之前，我们需要先创建一个 Vue.js 3.0 项目。在后续的开发中，我们可以按照 Vue.js 的开发文档进行开发，并且使用 vue-cli 提供的命令行工具来进行构建和打包。vue-cli 是一个由 Vue.js 官方提供的命令行工具，可以帮助我们快速创建 Vue.js 项目。在选择中，我们选择了默认的配置，并且选择了 Vue.js 3.0 版本作为我们的项目模板。安装完成 vue-cli 后，我们就可以使用它来创建 Vue.js 3.0 项目了。
使用 vue-cli 创建 vue3 项目
CS饭 的博客
07-31 1013
使用vue-cli创建vue3项目。
VUE3（一）、基础语法
最新发布
qq_43457781的博客
06-18 704
步骤：确保VUE版本在4.5.0以上（查询版本 vue -version）1、安装cli2、创建命令3、选择版本后点击创建。
vue-cli 创建vue3项目
Gblfy_Blog
01-23 3446
文章目录一、环境准备二、核心组件2.1. axios封装2.2. vuex2.3. vue-router 一、环境准备 前提： # 安装node环境 node -v npm -v # 安装镜像源工具 npm install nrm -g nrm ls # 使用淘宝镜像源 nrm use taobao nrm ls # 卸载旧脚手架工具 npm uninstall vue-cli -g or yarn global remove vue-cli # 安装新版的脚手架工具 指定版本@vue/cli@
vue-cli创建一个vue3项目
wushijun5200的博客
12-17 169
【代码】vue-cli创建一个vue3项目。
vue-element-admin中文版本
07-20
Vue.js 是一款轻量级且功能强大的前端JavaScript...总的来说，Vue-element-admin 是一个功能完备的后台管理解决方案，结合了 Vue.js 的灵活性和 Element UI 的实用性，让开发者能够快速地构建高效、稳定的管理平台。
vue3-element-plus-im vue3.0 element-plus vue-cli vue-route.zip
03-03
Vue3 Element Plus IM 是一个基于 Vue.js 3.0、Element Plus UI 框架以及 Vue Router 的前端项目模板。这个压缩包包含了构建一个高效、响应式的 Web 应用所需要的核心组件和工具。以下是关于这些关键技术点的详细...
vue3新建项目，配置路由vue-router，引入element-plus
01-08
总的来说，这个项目是一个使用Vue3、Vue Router 4和Element Plus的简单应用，涵盖了前端开发中的基本架构和组件库的使用。通过这个项目，你可以学习到如何配置Vue3项目、设置路由以及引入和使用UI组件库。
vue3使用element-plus搭建后台管理系统---菜单管理
07-01
在本项目中，我们主要探讨的是如何利用Vue3框架与Element-Plus库来构建一个后台管理系统，特别是关于菜单管理的部分。Vue3是Vue.js的最新版本，它带来了许多性能优化和开发体验提升的新特性，如Composition API、...
通过 vue-cli 创建一个 vue3 的项目
桂如的博客
08-07 853
通过vue-cli创建一个vue3项目
vuecli创建vue3项目
qq_34568657的博客
03-19 283
*第二步：**勾选下面带有*号的，经验最好把Linter/Formatter勾掉，不然会出现eslint报错。配置文件是放在独立的配置文件中（选项一），还是放在package.json中（选项二）。**第五步：**使用cscc还是less，根据个人习惯选择，本人选择scss。**第四步：**意思为是否用history模式来创建路由，选择yes。**第七步：**是否保存此次配置，用于将来的项目，选择no。**第六步：**配置文件的存放位置。**第一步：**在文件夹中输入。**第三步：**选择3.x。
Vue3实战：Vue-cli 快速创建vue3项目
dingdingdandan
06-08 1639
- `Vue CLI` 是一个基于 Vue.js 进行快速开发的完整系统。 - `CLI (@vue/cli)` 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入介绍。...
vue-cli创建vue3
bestyinjun的专栏
08-07 259
vue-cli创建vue3
Vue3实践（3）：使用vue-cli创建Vue3.0项目
IU
10-20 535
使用CDN还是有很多不方便的，比如要使用到组件等等...所以我们还是使用vue-cli来创建Vue3.0的项目 使用脚手架命令创建项目 vue create vue3_test 过程中如果报错，且报错如下： No matching version found for @vue/cli-plugin-babel@~5.0.0. 升级vue-cli可解决 npm i -g @vue/cli@next 后面还有一步 是否选择 vue3.0的操作 记得选 (忘记截图了) 然后就是等待 --------
基于Vue CLI搭建vue3项目
m0_46165586的博客
05-11 445
通过vue脚手架搭建vue3项目
使用Vue CLI方式创建Vue3.0应用程序
pan_junbiao的博客
07-04 1189
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。新版本的 Vue CLI 的包名由原来的 vue-cli 改成了 @vue/cli。在开发大型项目时，需要考虑项目的组织结构、项目构建和部署等问题。如果手动完成这些配置工作，工作效率会非常低。为此，Vue.js 官方提供了一款脚手架生成工具 Vue CLI，通过该工具可以快速构建项目，并实现一下项目的初始配置。
Vue CLI脚手架创建Vue3项目
乾坤鸟的博客
09-19 1751
1、打开命令窗口切换到项目保存目录。 2、选择Vue 3创建。 3、等待创建，提示Successfully created project创建成功。 4、创建好的项目目录。 5、用开发工具idea、vscode等打开hello-vue3项目开发就可以了，按个人喜好我用的是idea。 6、启动成功，发挥创造吧~~~~第一次运行时先初始化安装。 7、yarn命令没有安装的小伙伴可以参考这个。
通过Vue CLI快速创建一个Vue 3项目，并简单介绍项目结构
有我更精彩的博客
06-30 1235
├── public├── src接下来我们将详细介绍每个目录和文件的用途。通过 Vue CLI 创建 Vue 3 项目是一个非常快捷和高效的过程。它不仅生成了必要的文件和目录，还使您能够专注于编写代码而不是配置项目。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值