前言
前端开发者都非常清楚，页面开发签署性重复工作非常多，如何提高效率成为了大家关注的话题。这时就需要一些工具辅助完成这些工作，如：脚手架、构建工具等。我们今天要介绍的内容是 generator-jake-admin，一个基于 Yeoman 的脚手架，帮助开发者快速构建后台管理页面。我们将介绍该脚手架的基本用法，希望能对从事前端开发的小伙伴们有所帮助。
环境准备
- Node.js (>= 8.x)
- npm (>= 5.x)
- Yeoman
安装
我们先来安装 generator-jake-admin，打开终端，执行以下命令：
npm install -g yo generator-jake-admin
如果安装过程中出现权限问题，可以加 sudo。
使用
创建项目
打开终端，执行以下命令：
yo jake-admin
然后按照提示一步一步输入，最后输入项目名即可。等待安装依赖后，你的项目就创建成功了。
开启项目
执行以下命令：
cd 你的项目名 npm start
你会看到浏览器自动打开了一个页面，显示的是 “Hello, Jake-Admin!”。
配置路由
我们来创建一个简单的页面并配置路由。
创建页面
在 src/pages 目录下新建一个文件夹 message，在其中创建 index.vue 文件，代码如下：
-- -------------------- ---- -------
----------
-----
-----------------
------
-----------
--------
------ ------- -
----- ---------
-
---------配置路由
在 src/router/routes.js 文件中找到 routes 数组，加入以下代码：
{
path: '/message',
name: 'Message',
component: () => import('@/pages/message')
},打包项目
执行以下命令打包项目：
npm run build
打包完成后，你可以在项目根目录下找到一个 dist 文件夹，里面的内容就是我们的静态资源，可以直接拷贝到服务器上。
总结
通过本文的介绍，我们了解了如何使用 generator-jake-admin 快速构建后台管理页面。这个脚手架对于那些需要频繁创建后台管理页面的开发者来说，减少了重复劳动，提高了开发效率。希望大家可以通过学习和实践，更好地使用这个脚手架。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566a081e8991b448e2d92