vue脚手架(vue-cli)快速搭建项目教程(最新版)

目录

1、安装node.js

 2、安装vue-cli3

3、vue-cli3快速创建项目

4、要点总结

---

        亲爱的小伙伴们，我们又见面了，看到你们就是我创作下去的勇气，我是小招一个不折不扣又有点闷骚的程序员，在学习vue的路上我也遇到很多坑，吃过很多亏，流过很多泪，今天就从自己是小白时候的第一视角给大家分享点点滴滴，希望能帮助到更多想入门vue的小伙伴，从此有房有车，迎娶白富美走上人生巅峰~（小招超懂你哦）

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

1、安装node.js

先给大家解释几个疑问点，Node.js和Vue有什么联系，Vue是否需要会node.js呢？答案是否定的，我们学习vue不需要学习node,也不需要会node,我们学习vue脚手架，只需要学会node的指令，我们通过几个指令就可以完成脚手架的搭建就可以了（刚入门的小伙伴们可以放心不用担心学不会的问题）。

注意：在安装node.js前，先在cmd（命令提示符）运行"node -v"，查看是否已经有node.js版本，若有了，则先卸载或删除

1.1官网下载node.js (可以根据自己电脑的版本选择32或者64位的，快乐分享🔗：下载 | Node.js)

​

1.2安装node.js(和安装QQ一样容易，一直下一步即可)

双击下载的node.js文件，一路点击Next下一步

 

 查看node版本号，选择开始菜单->运行-&