美文网首页
新建一个vue+webpack工程

新建一个vue+webpack工程

作者: 小鱼_xiaoyu | 来源:发表于2017-12-27 10:49 被阅读0次

    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状态管理库。

    相关文章

      网友评论

          本文标题:新建一个vue+webpack工程

          本文链接:https://www.haomeiwen.com/subject/xdmjgxtx.html