在没有Vue脚手架的时候，我们需要手动搭建webpack项目手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构其官网地址为 安装 3x 版本的 Vue 脚手。

到这，我们开始安装 router vuex Ctrl+C 退出启动，继续执行 vuecli ，脚手架安装插件 router 和 vuex 开始输入一个大写Y，按下Enter vuex 是专门为 Vuejs 设计的状态管理库，以利用 Vuejs 的细。

更新vuecli到最新版本 npm uninstall @vuecli g 全局卸载 npm install @vuecli g 全局安装 快速生成项目vue create rabbitvue3 创建项目 选择Vue版本 不使用history模式，暂时使用hash模式 选择。

在vue项目中，如果quotnode_modulesquot文件夹显示灰色，通常是因为该文件夹被设置为忽略这是因为该文件夹中包含了所有安装的npm包，而这些包的大小很大，不适合在版本控制系统中管理如果您需要在项目中使用这些包，您可以打开。

与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页。

有些情况vue会去调用原生方法，但是如果原生提供的api方法在之前版本没有，那么可能就会需要去做版本控制，老版本用户在调用这个方法时做出提示，比较版本号需要按照版本号位次去比较，这样才比较准确，如果按照大小比较可能会出问。