安装
我们可以通过两种方式把 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-