安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 np。

vuecli创建项目，必须要联网使用vuecli创建项目时，需要下载对应的包文件，因此，必须要联网vuecli是vue的官方脚手架，用于初始化vue工程，目前已支持了vue2和vue3的工程生成。

2全局安装 npm install g @vuecli 或 yarn global add @vuecli 3全局安装了vuecli3 但是还想用vuecli2 ，添加一个桥接工具 命令npm install g @vuecliinit 4可以进行创建项目了 vuecli2 命令。

Vue2 中使用Vuex进行状态管理，在Vue3中，引入了Pinia，如果使用Vue3的脚手架搭建项目，其中包含了简单的示例这个示例可以在组件中直接使用，在script setup中引入定义然后初始化一个实例在模板中就可以调用这个实例了。

安装vuecli脚手架，安装代码为npm install g vuecli，我们在这里选择的是全局安装，安装完之后创建项目然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No，知道插件选择完成之后我们cd切换到项目。

检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack。

脚手架3移除了一系列的配置文件，默认项目端口是8080，但是当我们需要指定其他的端口启动项目的时候就需要我们手动添加配置文件在项目根目录下创建 切换命令行到项目根目录下，运行命令 npm run serve。

安装 vuecli vuecli 是官方提供的项目脚手架可以看做类似服务端开发的maven用于构建的部分，用来进行项目构建等操作，后面我们会继续介绍它还提供了一个图形界面，用来执行和进行相关配置，对于新手等只关心结果的。

34项目下载完成后，依据用户输入，变更项目名和版本号 基于bin 命令的配置，将我们的包映射到全局，这样就可以通过运行模块名来运行我们的模块，这跟linux上建立一个软链接差不多，以方便我们在本地测试想要获取脚手架。

vite 相当于 vuecli 脚手架，因此应该首先安装它然后按照提示选择选项完成创建 接着进入项目目录 viteproject ，并安装一下依赖依然是在项目目录内然后创建 routerrouterjs 文件再回到。

vue脚手架指的是vuecli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板Vue是一个用于构建用户界面的渐进式框架它是可以自底向上逐层应用Vue。

3最后就是安装vuecli脚手架了 vuecli脚手架安装命令安装之后 执行 vue V#160，如果出现相应的版本号就是安装成功 4用vuecli创建一个基于webpack的新项目并运行 首先可以在桌面新建一个文件夹，如Vue 然后。

重新新建项目，不要用npm，用yarn试下。

vuecli 用于创建 vue2 的项目vuecli 用于创建 vue3 的项目，当然也支持 vue2使用起来还是比较繁琐的，首先要安装脚手架，然后使用 vue create helloworld 创建项目，具体的就不介绍了官网。

然后在Vue项目中运行 在 dist NPM软件包的目录中，您会找到许多不同的Vuejs版本全局安装脚手架 查看脚手架版本是否在45以上含45创建项目 此时终端显示如下图 选择第二项 Vue 3 Preview ，等待安装完成到。