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

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

第四步，安装Vue执行命令cnpm install vue第五步，全局安装vuecli执行命令cnpm install global vuecli此步可以忽视第六步，在开源处即存放网站的地方，执行操作shift+右键，点击在此处打开命令窗口。

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

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

8安装vue相关包，重新打开cmdnpm install vue g9安装vuenpm install vuerouter g 10安装vuerouternpm install vuecli g11安装vue脚手架这里的g是指安装到global全局目录去，安装完成后，此时。

除此之外，vuecli已经使用node配置了一套本地服务器和安装命令等，本地运行和打包只需要一个命令就可以搞定，非常的方便开发vue非常好的融合了react的组件化思想和angular的指令思想一个vue的组件将HTMLCSSJS代码写在。

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

还没用几天VUE，就到3了，本文旨在记录构建一个实用项目模板昂1自然是将VUECLI升级到最新版本啦卸载旧的，安装zhui新的npm uninstall g vuecli npm install g @vuecli 你要是想看看脚手架的版本，那敲。

应该不会有问题本身vuecli也就是封装了webpack，不会对源代码有什么改变。

安装cnpm 在命令行中输入 npm install g cnpm registry= 然后等待下载，大概2分钟安装vuecli脚手架构建工具 在命令行中运行命令 npm install g vuecli ，然后等待安装完成通过。

如果选择手动，您将看到以下屏幕当你回答了所有问题Vue将下载并安装你需要的一切从那里你可以进入目录并运行npm run serve来查看项目，或者在你的编辑器中打开它下图显示了如果您选择了许多或所有可用功能，您的脚手架项目。

自开源以来，它凭借其强大的功能和用户友好的设计，赢得了开发者们的热烈反响最新发布的020版本，修复了若干bug并增添了新的组件，现在就让我们一起从零开始，搭建一个使用Mint UI的Vue项目吧快速上手脚手架搭建lt。

vue有自己的脚手架构建工具vuecli，使用起来非常方便，使用webpack来集成各种开发便捷工具，比如代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便PostCss，再也不用去管兼容性的问题了，只针对chrome写css。

vue项目脚手架改变为其他的，程序平移过去的方法为1替换配置文件2复制除了nodemodules以外的所有文件。