新建一个vue+webpack工程
2017-12-27 本文已影响0人
小鱼_xiaoyu
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状态管理库。