创建vue3（npm create vue@latest）

最新推荐文章于 2024-09-22 14:57:04 发布
最新推荐文章于 2024-09-22 14:57:04 发布
阅读量602 收藏
点赞数 8
文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzz2306/article/details/141887900
版权

1.桌面右键选择终端打开，输入npm create vue@latest

2.可能会出现报错：

其实是node版本不对

node的多版本管理中，

使用命令nvm list查看多个node版本

再使用nvm use 版本号切换版本

3.创建并配置选项（项目名称自取）

4.然后就可以关闭终端窗口了！这时会看到桌面已经有了创建的文件夹

5.文件夹，右键vs code打开

zzz2306
关注
安装指定版本Vue 并创建项目
宾宾宝宝的博客
05-12 1928
一、安装 安装指定版本 npm install -g @vue/cli@4.5.14 查询可用包的版本号 npm view @vue/cli versions --json 版本查询 （检测是否安装成功） vue -V 二、创建Vue项目 vue create vue 进入到vue项目目录，运行 npm run serve 然后访问 http://localhost:8080/ 恭喜Vue安装完成，并且完成项目的创建 ...
Vue创建项目的步骤
热门推荐
m0_51636525的博客
08-09 1万+
可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具。npm更新到最新版本方法 npm install -g npm。检查一下npm和node版本。
Vue3项目的三种创建方式
weixin_46769087的博客
11-18 9563
Vue3项目的三种创建方式
如何创建一个vue项目
最新发布
507834010的博客
09-22 1188
这个命令通常用于启动开发环境。它可能会启动一个带有热重载（Hot Module Replacement, HMR）功能的本地开发服务器，这样当你修改代码时，浏览器会自动刷新，而不需要手动刷新。它可能会包含更详细的日志输出，方便开发者调试。它可能不会进行代码压缩或优化，以便于开发时的快速迭代。这个命令可能是用来启动一个生产环境的服务器。它可能会构建一个优化过的版本，包括代码压缩、代码分割、去除无用代码等。它可能不会包含热重载功能，因为这是开发时的特性。
npm create vue@latest 原理
weixin_43294560的博客
11-03 1456
npm create vue@latest 原理。
【问答系列】安装vue3的方式大总结，为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目
商务合作 / 项目定制开发 / 前端一对一培训、答疑
06-19 2832
根据vue所述，建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本，运行如上命令后，不会报错，而是会提示你要安装：(y)当我输入y后，就会安装并执行create-vue，它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本，运行如上命令后，不会提示我安装命令，而是提示如下，表示可以安装项目了，npm create其实是npm init的一个别名：SeeUse。
vue3 创建过程中 运行npm create vue@latest 和 npm install卡住不动的解决方法之一
weixin_47588909的博客
12-10 9612
npm create vue@latest、和npm install 不管是电脑cmd上还是vscode终端上都是卡很久或不动！4、创建vue3 速度就可以了！
Vue在使用npm create vue@lastest 新建项目时报错
Tao 技术博客
12-20 2426
npm 报错
快速上手Vue开发：新一代Vue官方脚手架（create-vue）
程序员云帆哥的博客
08-09 1238
create-vue 是 Vue3 的专用脚手架，使用 vite 创建 Vue3 的项目，也可以选择安装需要的各种插件，使用更简单。
vue笔记-vue简单使用
Goodight的博客
10-26 2642
vue以及相关插件的简单使用
vue3学习之路-创建vue3项目
Celester_best的博客
11-01 400
本文说明了创建vue3+vite项目的过程，以及为什么要使用vite，vite和webpack的比较。
npm create vue@latest
03-27
npm create vue@latest 是一个用于创建 Vue.js 项目的命令。它会自动下载最新版本的 Vue.js，并创建一个基本的 Vue.js 项目结构。 使用 npm create vue@latest 命令创建 Vue.js 项目的步骤如下： 1. 确保你已经安装...
npm create vue@latest没安装create-vue
09-16
当你尝试使用`npm create vue@latest`命令创建一个新的Vue.js项目，但发现它并没有自动安装`create-vue`这个脚手架工具，这可能是由于几个原因： 1. `create-vue`不是一个默认预装的脚手架，`vue-cli`才是官方推荐...
npm create vue@latest 报错
07-21
当你尝试使用 `npm create vue@latest` 创建一个新的Vue.js项目时，如果遇到错误，可能是以下几个原因导致的： 1. **网络问题**：如果你的网络连接不稳定，可能会导致npm包下载失败。可以检查一下网络是否正常，...
Vue3项目创建
weixin_45415107的博客
09-18 3583
在创建一个新的Vue 3项目时，您会遇到以下目录结构：根目录•package.json：项目的配置文件，包含项目依赖、脚本和其他设置。•package-lock.json：锁定依赖版本信息，确保每次安装的依赖版本一致。•README.md：项目的说明文档。•.gitignore：Git版本控制忽略文件。•public：静态资源目录，存放图片、字体等静态资源。•src：源代码目录，包含Vue组件、JavaScript文件、样式文件等。src目录。
用命令npm create vue@latest创建vue3项目时没反应
weixin_52136521的博客
04-24 1537
完成上面步骤再取创建vue3项目。
vue3 运行npm create vue@latest 和 npm init vue@latest 执行速度慢的问题
ljh574649119的专栏
02-07 2003
npm create vue@latest、和 npm init vue@latest 不管是电脑cmd上还是vscode终端上都是卡住不动！
创建vue3项目运行npm create vue@latest报错
weixin_60101822的博客
04-10 3247
创建vue3项目运行npm create vue@latest报错解决办法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值