搭建vue项目（保姆级教程）

最新推荐文章于 2025-09-23 17:18:53 发布
原创 最新推荐文章于 2025-09-23 17:18:53 发布 · 282 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #spring boot #前端

文章详细介绍了如何通过命令行创建一个Vue项目，从打开空文件夹到使用`vuecreate`命令初始化项目，选择配置项，再到最后运行`npmrunserve`启动开发服务器，展示成功运行的页面，整个过程清晰明了。

1.创建vue项目

首先打开一个空文件夹，在文件地址栏输入cmd，回车

 然后输入命令vue create myfirst(这个是vue项目名称),回车

vue create myfirst

然后进入下图界面，选择第三个，回车

 接着选择下图所示选项（上下箭头移动，空格键选中），接着回车

 然后后面按我下图所选的即可

 接着会加再一段时间（稍微等待一下）

 然后我们可以按它的提示输入

cd myfirst
npm run serve

在浏览器输入生成的链接得到下图，此时vue项目搭建完成

 

鹤净用
关注
创建一个vue项目
upStar1的博客
05-09 362
学vue这么长时间，除了老师最开始带我建了一个项目，后来的项目都是直接用的公司的再也没建过，今天才发现自己不会建项目。 搭建环境就不赘述了。 1.先cmd，进入项目的目录 2.新建项目 vue create + 项目名称 比如我这边是 vue create mydemo ，当然因为我不是vuecli3所以这个命令没用。 用之前的新建命令就可以 vue init webpack + 项目名称 3.这里就建好了 4.cd mydemo会进入项目 npm run dev启...
如何搭建一个vue项目(完整步骤)
m0_67392661的博客
06-22 5287
查看版本的两种方式 出现版本号则说明安装成功（最新的以官网为准） 这里注意：安装vue-cli对node.js的版本是有要求的 装的两种方式：输入cmd命令 查看安装的版本（显示版本号说明安装成功） 如果你原来有版本或者版本比较低，可以升级...
如何创建一个vue项目（详细步骤）
热门推荐
Monsters___的博客
08-27 12万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
创建vue项目步骤
最新发布
hxm_6988的博客
09-23 605
本文介绍了使用Vue CLI创建Vue项目的完整步骤。首先需要全局安装@vue/cli，然后通过vue create命令创建项目，可选择默认配置或手动配置。手动配置时可选择Vue版本、路由模式、ESLint等选项。项目创建完成后，主要目录包括node_modules、src源码目录和public静态资源目录。最后说明了项目运行和打包命令(npm run serve/build)。文章还详细解释了babel和eslint的作用，以及如何将配置保存为模板供下次使用。
创建 Vue 项目
2201_75456895的博客
08-06 607
Vue 官网。
创建VUE项目
weixin_30540691的博客
09-07 174
前提需要下载node.js，并安装 一：打开CMD； 二：选择项目要创建的路径（这里我选择的是创建在桌面：desktop） 三：如果安装了node.js，还要安装vue-cli，webpack，全部-g全局安装即可。（npm install vue-cli..等） 四：如果已经安装好了这些东东，下面就可以创建vue项目了（vue init webpack d...
基于Vue的纯Admin管理后台项目设计源码保姆级教程文档
02-18
这个基于Vue的纯Admin管理后台项目设计源码保姆级教程文档是一个全面的后台解决方案，它不仅包含了大量的技术文件，还提供了一整套从设计到实现的完整流程，非常适合想要快速搭建后台系统的开发者。
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 1万+
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
SpringBoot3+Vue3实战前后端分离小说平台：从零到生产级保姆级教程
07-17
novel 是一套基于 Spring Boot 3 + Vue 3 的前后端分离学习型小说项目，含门户、作家后台、平台后台等子系统，覆盖推荐、检索、排行、阅读、评论、会员、充值、新闻等核心流程，附保姆级教程，带你从零搭建可上线的...
保姆级教学：从0搭建微信小程序SpringBoot+Vue(二) 对应前端Vue源码资源
12-04
本文将是一篇保姆级的教学指南，旨在帮助初学者快速理解并实践微信小程序的开发流程。 首先，需要对SpringBoot和Vue.js有基本的了解。SpringBoot是一种基于Spring框架的开源Java平台，它为快速搭建独立的、生产级别...
全网最详细Vue-cli + springboot + mybatis搭建前后端分离项目保姆级教程
hzhxxxx的博客
10-08 2262
Vue+springboot+mybatis一直是非常适合新人练习的搭建前后端的框架、技术，本篇文章将详细讲解如何搭建出两个独立的项目来实现完全的前后端分离，并且在文章最后附上事例的源码。
创建Vue项目
alinavae的博客
08-06 1289
Vite 本身主要针对现代前端框架（如 Vue 3、React 等）设计，官方并没有提供 Vue 2 的模板。：Vue 官方推荐新项目使用 Vue 3 + Vite，如果必须使用 Vue 2，传统的 Vue CLI 仍是更稳定的选择。：Vue 2 与 Vite 的兼容性不如 Vue 3，部分 Vite 特性（如 HMR 热更新）可能存在轻微差异。使用 Vue UI 创建 Vue 项目是一种可视化的方式，非常适合初学者。，你可以快速搭建一个配置完善的 Vue 3 项目，并且可以根据实际需求灵活选择所需功能。
mac配置vue环境(保姆级教程)
08-16
Vue CLI 是 Vue 官方提供的脚手架工具，用于快速搭建项目结构。使用 npm 安装 Vue CLI： ```bash npm install -g @vue/cli ``` 安装完成后，可通过以下命令检查版本： ```bash vue --version ``` ### 3.4 创建 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值