哇哈哈，巨大家优良！今天我要给巨大家讲讲这玩意儿神奇的Vue-cli，也就是我们平时说的vue脚手架。你们晓得吗？有了这玩意儿，我们搭建项目就像搭积木一样轻巧松哦！下面我就来给巨大家详细介绍一下让巨大家也Neng飞迅速掌握这玩意儿技Neng。

啥是Vue-cli？

Vue-cli啊， 它就像是Vue.js的超级助手，Neng帮我们飞迅速搭建项目框架，省去了hen许多繁琐的准备干活。就像你搭积木， 不用自己一个个去准备各种形状的积木，Vue-cliYi经帮你准备优良了你只需要按照它的指示，把积木搭起来就优良啦！

安装Vue-cli

先说说你得有node.js和cnpm哦！这两个东西就像是我们搭建积木的工具箱。安装优良之后我们就Neng开头安装Vue-cli了。在命令行窗口里 输入以下命令：

npm install -g vue-cli

等一会儿，就安装优良了！你Neng输入“vue --version”来检查一下是不是安装成功。

创建新鲜项目

安装优良Vue-cli之后我们就Neng创建新鲜项目了。还是在命令行窗口里 输入以下命令：

vue init webpack my-project

这里的“my-project”是你想创建的项目名字，你Neng根据自己的喜优良来取。然后Vue-cli会自动帮你创建优良项目，并安装优良全部少许不了的依赖。

启动项目

项目创建优良之后我们就Neng启动项目了。还是在命令行窗口里 进入项目文件夹，然后输入以下命令：

npm run dev

这时候，你的浏览器就会自动打开，并且kan得出来你的项目页面啦！是不是hen轻巧松呢？

通过学Vue-cli，我们Neng飞迅速搭建项目，节省hen许多时候。而且，Vue-cli还给了hen许多优化技巧，Neng帮我们geng优良地开发项目。所以学Vue-cli是非常有少许不了的哦！希望巨大家douNeng通过我的教程，飞迅速掌握这玩意儿技Neng，成为Vue.js的超级英雄！

文章浏览阅读660次。