Vue.js项目模板搭建图文教程

从今年年初起，我们团队开始引入「Vue.js」开发移动端的产品。所幸「Vue.js」有一个配套工具「Vue-CLI」，它提供了一些比较成熟的项目模板，很大程度上降低了上手的难度。然而，很多具体的问题还是要自己思考和解决的。每个项目的功能都比较独立，而且规模不大。这样一来，既可以让这些小项目各自为政，也可以把它们集中放到一个大项目中管理。所以最终的选择是 划分成多个小项目 。初始化的过程中要注意：安装「Vue-Router」以支持单页应用；安装「ESLint」以统一编码规范。然而，设计师给的设计稿还是以px为单位的。然而，有些特殊的px值是不需要转换成rem值的，这时候可以通过特殊注释禁止「postcss-px2rem」去处理这个值。接下来就要把这些配置接入到「Webpack」的打包配置中。