vue-cli(vue脚手架)创建vue项目,秒懂超详细

首先说一下vue脚手架指的是vue-cli（vue-cli又有很多版本，今天讲的是vue-cli2.0+的版本，后面还会出vue-cli3.0+创建项目的版本），它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。那可能有同学又问了，不用脚手架可不可以创建vue项目，我的答案是肯定的，只不过站在巨人的肩膀上，我们会走的更快哦！

1、安装node.js（详细步骤见🔗：Node.js安装+环境变量配置详细版（超火火火）_m0_58697127的博客-优快云博客）

2、安装vue-cli（详细步骤见🔗：npm安装vue-cli2及参数设置_m0_58697127的博客-优快云博客）

3、创建vue项目

命令：vue init webpack 项目名称（如果执行命令的时候失败了或者出现异常，说明vue-cli安装有问题，重新安装vue-cli就可以解决了）

项目配置，按如下配置即可

 ​​​​​​​​​​​​​​

 4.要点总结：

创建vue-cli过程中部分配置内容：

1.Install vue-router?(Y/N)是否安装vue-router,这是官方的路由，大多数情况下都是用，这里就输入“Y"后回车即可。

2.Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码，ESLint是代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。如果选择N没有安装，不用怕后面项目中也可以安装的。

亲爱的小伙伴，要不断尝试哦！感谢给小招一个点赞收藏评论转发鼓励一下吧-.-

---

文章持续更新，可以VX搜一搜「 小招猿记 」遇到问题第一时间回复哦，欢迎Star。