vue3创建项目

最新推荐文章于 2025-04-17 17:57:53 发布
最新推荐文章于 2025-04-17 17:57:53 发布
阅读量558 收藏
点赞数
分类专栏： 前端学习笔记 vue3学习 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45947664/article/details/127600949
版权
本文介绍了如何使用Vue CLI创建Vue3项目，包括新建文件夹、在VSCode中创建终端并选择项目版本，特别是强调项目名需全小写。接着启动项目，并推荐安装针对Vue3的高亮插件Volar或针对Vue2的Vetur来增强开发体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

cmd打开控制台，安装vue工具Vue CLI

npm install -g @vue/cli

 安装好后，查看是否安装成功

vue --version

1、新建文件夹

2、vscode打开，新建终端，创建项目，ps：项目名不能大写，必须全小写，可以用-进行分割

vue create vue-demo

3、选择项目版本

 上下按键调整选项，空格 按键选择是否选中或取消

选最后一个                

 选择开发版本

最低0.47元/天 解锁文章
「Vue3系列」Vue3起步/创建项目
日常笔记/总结/系列知识梳理
03-02 1448
你可以选择默认配置（Default）来快速创建一个项目，或者手动选择特性（Manually select features）来定制你的项目。Vue CLI 是一个强大的工具，它可以帮助你快速搭建 Vue.js 项目，并且内置了对 Vue Router、Vuex、CSS 预处理器、PWA 支持、单元测试等的集成。命令是 Vue CLI 中的一个重要命令，用于创建新的 Vue.js 项目。这将创建一个优化过的、用于生产环境的版本在你的项目目录下的。这个命令将直接为你创建一个使用 Vue 3 的项目。
Vite+Vue3创建项目案例
jimson_zhu的博客
08-01 1378
Vite+Vue项目创建。
在VScode中新建Vue3工程与初步认识
weixin_62100318的博客
01-17 1774
1、安装vue：Win+R 输入：cnpm install -g @vue/cli验证是否安装成功：vue --version。
vscode创建vue3项目
song53536的博客
03-14 2410
3.1 选择 Manually select features（使用小键盘终端 ↑ ↓ 进行选择，选择完成后按回车键(Enter)）vue create --preset '配置名' '项目名'直接生成本次配置的项目 选N不保存。使用指令 vue create '项目名' (注意项目名不能包含大写，可以有下划线)3.2 根据自己的需要选择，使用(↑ ↓ 选择 空格键选中 选择完成后按回车键)3.8 后续项目是否使用这次的模板，选Y后会将本次配置起名保存，下次使用。
VS-Code创建Vue3项目
最新发布
CentOS
04-17 567
1 创建工程文件创建一个做工程项目的文件夹 如：h5vue2 cmd 进入文件 h5vue3 输入如下命令也可以输入4 输入项目名称项目名称：自已输入回车可以按键盘 a (全选)
VS-Code中Vue3-项目创建
zhzjn的博客
12-07 8600
本文适合作为新手小白创建vue项目时的参考，包含了node.js，npm以及npm镜像，vue的使用，谢谢换看
使用vscode创建vue3项目【真保姆级教程】
javasan的博客
11-06 4222
记录一次使用vscode创建vue3的经历，十分详细，小白狂喜，大神指点
VSCode快速创建vue3
m0_74082980的博客
12-18 704
4.(选择安装）pnpm（也是 Node.js 的包管理工具，并且是最新的 Node.js 的包管理工具）5.(选择安装）安装nrm（用于管理 Node.js 包管理器（npm、yarn、pnpm）镜像源的工具）3.(选择安装）yarn（也是 Node.js 的包管理工具）1.新建文件夹，拖到vscode中，选择信任此项目。使用如下命令执行create-vue。二vscode创建vue项目。2.CLTR+~打开终端。1.检查node.js。
pnpm+vite+ts+vue3创建项目
06-16
pnpm+vite+ts+vue3创建项目
Vue3 创建项目遇到的问题汇总
web17886480312的博客
03-01 8711
1.Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=4b09f9b8' does not provide an export named 'default' 【解决】 vue-router的配置文件： 方案一： import * as VueRouter from 'vue-router' import routes from './routers' const router = VueRou
怎么创一个新的vue3项目
卡拉米
07-16 1101
创建一个新的Vue 3项目可以通过多种方式，以下是基于Vue CLI（命令行界面）和Vue官方新的脚手架工具create-vue的详细步骤。
2024 vue3入门教程：01vscode终端命令创建第一个vue项目
m0_47484034的博客
06-30 1112
2024 vue3入门教程：01vscode终端命令创建第一个vue项目
vsCode安装配置创建Vue3项目
weixin_50335725的博客
05-30 7110
打开vsCode，点击上方的终端-新建终端。安装完成淘宝镜像后再输入‘npm install -g @vue/cli’安装脚手架。打开CMD分别输入'node -v'和'npm -v'。之后选择对应的vue版本。创建完成后输入'npm run serve'启动项目。由于国内速度太慢很可能下载超时，所以我们需要先安装淘宝镜像。都安装完成后输入'vue -v'，看到这个就是已经安装成功了。直接去官网下载安装一直下一步就好，这个就不多说了。再输入'vue create 项目名称'（下载完成后点击Next下一步。
vsCode创建基于Vue3的项目
weixin_55020138的博客
01-27 6810
前提条件：已安装node.js 如果觉得 npm 安装速度慢，可以使用淘宝的镜像及其命令 cnpm npm install -g cnpm --registry=https://registry.npmmirror.com 步骤1：安装vue/cli最新稳定版本 对于 Vue 3，应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。 npm install -g @vue/cli@next 或 cnpm install -g @vue/cli 由图可见
vsCode创建⼀个vue3项⽬目
San6653的博客
05-04 554
npm install -g @vue/cli –force 环境创建：覆盖安装vue3 检验版本 2.npm –V 或者 npm –version 3. vue create 项⽬目名 “回车” 4. “回车” 选择，空格选择需要的 组件，“回车”确定 5. 选择vue 3.x 版本 6. 一直“回车” 确定到 以下界面即可 7. 根据提示命令 进入项目，运行 8. “Ctrl”+点击 即可进入 初始化项目 ...
Vs Code 从0-1安装配置创建Vue3项目(node.js安装及报错解决)
weixin_72280749的博客
01-30 1087
从0-1保姆级安装配置创建Vue3项目(node.js及安装报错解决)
基于vscode开发vue3项目的详细步骤教程 3 前端路由vue-router
水w的博客
03-02 7756
基于vscode开发vue3项目的详细步骤教程 3 前端路由vue-router
搭建vue3.0项目
xiaobai_20190815的博客
10-18 1004
搭建vue3.0项目
vue3怎么创建项目
11-15
1. 使用vue ui可视化界面创建项目 首先，确保你已经安装了Vue CLI。然后在终端中输入以下命令： ``` vue ui ``` 这将打开Vue UI可视化界面。在这里，你可以通过点击“创建项目”按钮来创建一个新的Vue项目。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

念衢

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

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

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

打赏作者

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

抵扣说明：

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

余额充值