新建一个vue+webpack工程

vue的安装

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如Webpack或Browserify模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

vue的安装依赖于node.js,去node官网下载个最新版本安装就好了。

建一个vue项目

Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 创建一个基于 webpack 模板的新项目

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。

jest是Facebook开发的一个对javascript进行单元测试的工具。

e2e（end-to-end）是一种测试方法，它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之，它从一个用户的角度出发，认为整个系统都是一个黑箱，只有UI会暴露给用户。

另外需要注意的是Project name项目名不能输入大写字母。

运行项目

接下来进入你建的项目文件夹，存在node_modules文件夹，就说明相应的依赖和工具已经完成了，如果不存在就执行npm install命令安装需要依赖的资源。依赖安装好之后执行最后一句命令npm run dev，启动一个端口为8080的服务，项目就可以打开。

这就是vue的欢迎页，新建项目就完成了。

下篇文章讲如何引入vuex状态管理库。