这篇博客详细介绍了如何使用Vue CLI搭建项目，从vue cli的基础概念到安装过程，包括vue cli2与vue cli3的区别。作者强调了在安装前确保Node.js和Webpack已安装，并提供了测试和安装的命令。在创建项目后，通过`npm run dev`启动本地服务，解析了编译和运行时依赖。文章还提到了Vue项目的入口文件`main.js`以及Vue组件的挂载和模板替换机制，并简单提及了ESLint的配置与关闭。
这里关于vue的指令、组件、插槽一些基础就不一一细细记录了。
先从vue cli搭建开始吧。。。
vue cli：是vue的一款ui界面搭建的工具，简单的来说就是通过脚手架去搭建一个正规的vue项目。在以往对前端打包工具中通常可以使用webpack进行模块化打包，但是在这期间对前端打包过程中出现的问题可能是没办法预估的。
特别是在大型项目配置中，可能会出现许多的问题。那么vue cli帮助我们更好地去实习和创建vue的项目，至于怎么去打包目前这一块正在学习中，先不做阐述。。。
vue cli：包括vue cli2以及vue cli3。这两种在通过npm安装的过程中命令有些不一样。不过他们都是基于node以及webpack的，所以在安装之前，需要确保本机以及成功安装node以及webpack。
测试node是否安装成功：node --v
测试webpack是否安装成功：webpack --version
打开命令行界面（最好通过管理员身份打开，后续安装vue cli的时候也是一样，否则在安装过程可能会报出一些文件权限的问题使得脚手架安装不成功。）
安装vue cli：npm install -g @vue/cli，安装教程在官网也有：安装 | Vue CLI (vuejs.org)
-g的意思是进行一个全局的安装。
测试vue cli是否安装成
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
