初始化创建安装 vue3工程项目的3种方法！超详细_初始化vue3项目

vue向导官方文档：

Quick Start | Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://vuejs.org/guide/quick-start.html#with-build-tools

vue3官方文档：

安装 | Vue.jsVue.js - The 渐进式 JavaScript 框架https://v3.cn.vuejs.org/guide/installation.html#%E5%8F%91%E5%B8%83%E7%89%88%E6%9C%AC%E8%AF%B4%E6%98%8E介绍 | Vue.jsVue.js - The 渐进式 JavaScript 框架https://v3.cn.vuejs.org/guide/migration/introduction.html#%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B

本文在官方文档的基础上，进行了更详细的描述。

#发布版本说明

最新版本：

每个版本的详细发布说明都可以在 GitHub 上找到。

常用的方法是：

1.使用cdn引用

<script src="https://unpkg.com/vue@next"></script>

2.使用vue create方法

vue create hello3-vue3

3.使用npm init vue@latest方法（这个方法创建的是最新版vue比方法2的vue版本更新）

npm init vue@latest

===================================================

下面是详细步骤：

#CDN

对于制作原型或学习，你可以这样使用最新版本：

<script src="https://unpkg.com/vue@next"></script>

对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏。

#Vue Devtools

目前处于测试阶段 - Vuex 和 Router 的集成仍在进行中。

在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools，它允许你在一个更友好的界面中审查和调试 Vue 应用。

获取 Chrome 扩展程序

获取 Firefox 附加组件

获取独立的 Electron 应用程序

安装最新版npm方法：

安装命令：

# 最新稳定版
$ npm install vue@next

使用vue cli脚手架安装vue3项目：

可以使用vue create 和 vue init 都行：

区别是：

Vue CLI脚手架创建vue项目：vue create 和 vue init 区别？

官方文档：

创建一个项目 | Vue CLI