【vue】创建项目之vue init 和 vue create的区别

最新推荐文章于 2025-03-28 14:56:22 发布
原创 最新推荐文章于 2025-03-28 14:56:22 发布 · 760 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍Vue项目的两种初始化方式：vueinit用于Vue CLI 2.x版本，可通过GitHub模板快速启动项目；vuecreate适用于Vue CLI 3.x及以上版本，提供固定模板与灵活配置选项。

vue init

是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目

webpack是官方推荐的标准模板名

使用方式：vue init webpack 项目名称

electron-vue的模板

使用方式：vue init simulatedgreg/electron-vue 项目名称

vue create

是vue-cli3.x的初始化方式，模板是固定的，模板选项可自由配置

使用方式：vue create 项目名称

vue-cli4教程

使用vue create vue（基于webpack）创建的vue项目和使用npm init vue@latest（基于vite）的区别是什么？
gaoqiandr的博客
05-25 1159
本文主要介绍的是基于webpack和基于vite配置创建的vue3项目之间的区别
创建Vue项目的不同方式及项目规范化配置
最新发布
weixin_49095243的博客
08-20 863
介绍不同脚手架创建Vue项目的方式及项目编写规范
Vue - vue create、vue ui、vue init三种方式创建Vue项目
javabab的博客
07-14 1095
​​vue init​​​命令是​​vue-cli2.x​​​提供创建Vue项目的方式，可以使用​​github​​​上面的一些模板来初始化项目。还可以通过下面这条命令来创建Vue项目，这里的​​webpack​​​参数是一种模板（​​template​​​），​​project​​​参数就是项目名称（​​app-name​​）。在CMD中运行​​vue --version​​​命令，如果输出了​​@vue/cli​​​的版本，则说明​​@vue/cli​​安装成功了。
vue create 和 vue init 的区别
u010227042的博客
07-08 554
1. vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。 使用方式：vue create 项目名称 2. vue init vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，
【使用vue init和vue create的区别以及搭建vue项目的教程】
????鱼干～
03-08 3146
【使用vue init和vue create的区别以及搭建vue项目的教程】
精选资源
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
vue init失败简单解决方法(终极版)
08-28
然后使用cnpm来代替npm进行包的安装和项目依赖的下载。 文章最后提到，类似“严格模式”的问题可能与模板或Vue CLI版本有关，如果你遇到因版本不兼容或模板中存在bug导致的问题，可能需要等待作者后续的解决方案...
vue2(十六)-基础入门之创建vue-nuxt项目
weixin_43520586的博客
11-23 590
1、服务器端渲染（SSR, Server-Side Rendering）是一种在服务器上生成完整HTML页面的技术，然后将该页面发送到客户端。这种方法可以显著提高页面加载速度，优化搜索引擎优化（SEO），并提供更好的用户体验。2、单页面应用可能在初始请求时只返回一个包含少量内容的框架或“shell”，而实际的内容是通过异步JavaScript请求加载的。这可能导致搜索引擎爬虫错过页面的重要内容。
vue create 和vue init webpack的区别
无雨
03-29 1278
都是因为vue-cli不同版本号之间初始化方式的不同 vue create 是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档网页链接。 vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项目的src目录
vue create 与 vue init webpack 的 区别
abc
03-28 573
默认设置：Vue CLI 3.x 在很多方面都有默认的最佳实践设置，例如 Babel、ESLint 等，而 Vue CLI 1.x 需要手动配置或选择模板。命令来源：vue init webpack 来自 Vue CLI 1.x，而 vue create 来自 Vue CLI 3.x。vue create 命令是 Vue CLI 3.x 版本引入的，用于创建一个新的 Vue.js 项目。npm install -g vue-cli ----- 安装 vue cli 1.x。
vue create 和 vue init 区别
少健终望成，波中取千金----张少波
12-09 2504
一.vue cli2升级到vue cli3 1.先升级npm的版本 npm install -g npm 2.再卸载之前的vue cli 2.9.6 npm uninstall -g @vue/cli 3.下载最新的vue cli版本 npm install -g @vue/cli 二.vue3,0版本创建项目 1、vue create myproject 2、默认选择default方式即可 vu...
不同命令创建Vue项目vue init/vue create
轻风细雨_林木木
08-15 1197
vue-cli3.0 项目初始化方式，目前模版是固定的。模版选项可以自由配置，创建出来的是vue-cli3.0的项目，与vue-cli2.0项目结构不同，配置不同，具体配置方法参考官网。备注：vue-cli2.0 向 vue-cli3.0 迁移只需要把static目录复制到public目录下。vue init 是vue-cli2.0的项目初始方式，webpack是官方推荐标准搭建。...
【浅谈~】vue init webpack 和vue create的几点区别
xilejie的博客
04-26 521
2、index.html 和favicon.ico 复制到public目录下，原static文件夹也放在public下。3、原config /build文件夹的配置内容====>vue.config.js。vue create 是vue-cli3.x的初始化方式。vue init 是vue-cli2.x的初始化方式。1、src目录可以直接复制过来。vue-cli版本的不同。
vuecli2升级至vuecli3
weixin_43837268的博客
07-09 2363
一. 卸载旧版本vuecli与安装新版本vuecli npm uninstall vue-cli -g npm install -g @vue/cli 二.创建一个新的项目 vue create hello-world 三.正式开始改造 1. 直接复制替换src文件夹2. 安装项目需要的依赖(可以将原来package.json dependencies下需要的直接复制过来，然...
说明 vue Create 和npm create vue 和npm init vue的区别
03-04
<think>嗯，用户问的是Vue Create、npm create vue和npm init vue之间的区别。我需要先理清楚每个命令的具体用法和它们之间的关系。首先，Vue Create是Vue CLI的命令，用于创建新项目，而npm create和npm init可能涉及更广泛的使用场景，特别是npm init vue可能与Vue 3的新工具有关。 我记得Vue CLI（即vue create）是Vue 2时期的主要脚手架工具，而Vue 3引入了Vite作为默认构建工具，对应的新脚手架应该是create-vue，由npm init vue触发。需要确认npm create vue是否等同于npm init vue，因为npm允许通过create命令来运行包，可能两者是同一个东西。 另外，npm init通常用来初始化项目或运行create-*包，所以npm init vue会查找create-vue包。而Vue CLI需要全局安装@vue/cli，然后使用vue create命令。需要区分它们的安装方式、生成的项目结构（是否基于Vite）、以及适用Vue版本的不同。 可能还需要提到Vue CLI生成的配置和create-vue生成的项目在配置上的差异，比如是否使用webpack或Vite。此外，npm init和npm create是否是同一个命令的不同写法，因为从npm 6+开始，npm init可以接受包名，自动加上create-前缀，所以npm init vue等同于npx create-vue，而npm create vue可能也是一样的。 需要确保解释清楚每个命令的来源、用途以及它们之间的演变，比如Vue官方推荐Vue 3项目使用create-vue（即npm init vue），而Vue CLI更多用于Vue 2。还要注意用户可能混淆这些命令，所以需要明确区分，避免他们用错工具导致项目配置问题。</think>以下是 `vue create`、`npm create vue` 和 `npm init vue` 三者的区别及使用场景总结： --- ### 1. **vue create (Vue CLI)** - **来源**：Vue 2 官方脚手架工具 `@vue/cli` - **安装方式**：需全局安装： ```bash npm install -g @vue/cli ``` - **使用场景**： - 生成 **Vue 2** 项目（默认） - 可选生成 Vue 3 项目（但项目基于 Webpack） - 提供图形化界面（通过 `vue ui` 命令） - **特点**： - 集成 Webpack、Babel、ESLint 等 - 适合需要复杂配置或长期维护的大型项目 - **示例**： ```bash vue create my-project ``` --- ### 2. **npm create vue / npm init vue** - **来源**：Vue 3 官方脚手架工具 `create-vue` - **安装方式**：无需全局安装，直接通过 npm 调用 - **使用场景**： - 生成 **Vue 3** 项目（默认基于 Vite） - 轻量化、快速启动，适合现代前端开发 - **特点**： - 基于 Vite 构建（更快的热更新和打包速度） - 支持 TypeScript、Pinia、Vitest 等现代工具链 - 更简洁的配置（如 `vite.config.js` 替代 `vue.config.js`） - **说明**： - `npm create vue` 和 `npm init vue` 完全等价 - 底层调用的是 `create-vue` 工具包 - **示例**： ```bash npm create vue@latest # 或 npm init vue@latest ``` --- ### 对比总结 | 命令 | 适用 Vue 版本 | 构建工具 | 定位 | 复杂度 | |--------------------|--------------|-----------|---------------------|-----------| | `vue create` | Vue 2/3 | Webpack | 传统复杂项目 | 高 | | `npm create vue` | Vue 3 | Vite | 现代轻量项目 | 低 | --- ### 演进关系 - **Vue 2 时代**：推荐 `vue create`（基于 Vue CLI） - **Vue 3 时代**：官方推荐 `npm create vue`（基于 Vite） --- ### 常见误区 1. **混淆工具链**： - `vue create` 生成的是 Webpack 项目 - `npm create vue` 生成的是 Vite 项目 2. **全局依赖**： - `vue create` 需要全局安装 CLI - `npm create vue` 直接通过临时包执行，无需全局安装 建议新项目优先使用 `npm create vue` 体验更快的开发效率。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值