vue大型项目拆分_如何组织大型 vue 应用

本文介绍如何使用 Vue CLI 命令行，结合业务逻辑和国际化功能，更好组织项目结构。

简介

vue.js 作为一款优秀框架，学习曲线很小，很容易配置，并且可以很方便从 angularJS 技术栈切换。

你可以使用 vue 组件方法，將应用拆分成很多小型组件，组件可以在整个应用中重用。

随着应用的增长，问题接踵而至，此时需要更好的结构管理应用。下面是我在编写大型 vue.js 应用时用的应用组织结构。

项目配置

开始使用 Vue.js 最好的方式的是使用Vue CLI配置项目。

安装要求: Node.js 版本大于等于 6.x，最好是 8.x 版本，npm 3+ 版本， GIT。

$ npm install -g vue-cli

或者使用yarn

$ yarn global add vue-cli

然后使用 webpack 模板初始化项目，CLI 内置其他可选模板。

$ vue init webpack large-scale-application

命令执行后会问一些问题

? Project name large-scale-application

? Project description A Vue.js project

? Author Erol

? Vue build standalone

? Install vue-router? Yes

? Use ESLint to lint your code? Yes

? Pick an ESLint preset Standard

? Set up unit tests Yes