vue2+vuex+vue-router 快速入门（二） 项目搭建

安装

　　我们可以通过两种方式把 vue 引入到我们的项目中，一种直接通过 <script> 引入 ,这时 vue 会被注册为一个全局变量。第二种便是通过 npm 进行安装，这种方式可以很好的配合 webpack 或 browserify 模块打包器使用。我们的项目使用 webpack 进行打包。

项目搭建

　　在经过简短的考虑之后，我们决定使用 npm 管理项目依赖，webpack 进行项目打包、js 遵循 es6 规则，采用 babel 进行转换、less 管理 css 样式。vue 提供了一个官方命令行工具 vue-cli。让我们可以轻松构建一个满足我们以上要求的项目。

vue-cli

　　vue-cli 提供开箱即用的构建工具配置。只需要几分钟即可创建并开启一个带热重载、保存时静态检查以及可自由切换开发及生产环境的配置项目。

# 全局安装 vue-cli
npm install vue-cli -g
# 创建一个基于 webpack 的新项目
vue init webpack my-project-name
# 安装依赖
cd my-project-