cnpm install webpack g安装脚手架npm install vuecli g创建项目在硬盘上找一个文件夹放工程用的，在终端中进入该目录，cd目录路径根据模板创建项目，vue init webpacksimple 工程名字lt工程名字不能用中文，vue init。

1全局安装 vuecli ，在命令提示窗口执行2安装vuecli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vuecli工程项目的命令通过vuecli搭建一个vue项目，会自动生成一系列文件，而这些文。

手机上的开发者工具es6es7 babel 转换项目地址 GitHub 使用手册MogoH5+ 是一个 vue 多页面 脚手架工具 ，结合 H5+可以快速开发安卓与苹果 APP即使不适用 Hbuilder 打包成 APP，本脚手架同样可以作为多页面网页生成的参考。

1 如果你已经全局安装了旧版本的 vuecli1 或2，你需要先通过 npm uninstall vuecli g 或 yarn global remove vuecli 卸载它卸载脚手架2全局安装 npm install g @vuecli 或 yarn global add @vue。

通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不会自动打开浏览器，下面我们修改端口号，并且让执行命令之后自动打开浏览器注意 不推荐使用这种配置方式因为。

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

目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有。

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