手把手教你搭建一个vue项目

vue可以说是现在比较火的一个前端框架，下面笔者就分享一下经验，教大家怎么快速去搭建一个vue项目。

  搭建vue项目有两种方法，一种是通过script标签快速引入，这种方式适用于初学者，直接下载vue.js文件引入即可。但是不利于开发。因为vue项目中要包括vue-router、component等等元素，通过script标签引入，后期就需要人为手动地创建，不利于维护。为了统一规范，因此就出现了vue-cli脚手架这些东西。另外一种方法就是通过vue-cli脚手架去快速搭建一个vue项目，这样搭建的vue项目已经包含了初始化好的vue-router、component等元素，结构更加的清晰。但是这种开发方式不推荐初学者使用，一是环境的配置相对麻烦，二是需要开发者对vue项目的架构有一个清晰的认识。

  第一种方法：通过script标签引入（推荐初学者使用）
  进入vue.js官网，我们发现可以使用cdn的方式引入或者下载vue.js文件本地引入。个人还是推荐本地引入吧，cdn虽然有加速，但是当项目文件比较多的时候，速度上还是比不上本地引入的。