简介

脚手架是一个快速搭建工程的方式,简化繁琐的配置,最大化的减少重复的操作,vue官方有自己的脚手架 vue-cli ,可以满足大部分的工程操作,但是对于频繁创建项目的公司,而且还需要和公司现有产品的配置匹配,所以在大多数的情况下,需要自己定义满足自己业务逻辑的 项目目录结构,需要自己编写脚手架,快速的搭建项目。

开始

参考: https://www.jb51.net/article/159892.htm

脚手架也是一个node 项目,使用命令行进行交互,

脚手架搭建

创建一个项目,初始化一个依赖文件 npm init

在生成的文件 package.json中加入自己的依赖项,

  1. "dependencies": {
  2. "chalk": "^2.4.2",
  3. "commander": "^2.19.0",
  4. "download-git-repo": "^1.1.0",
  5. "inquirer": "^6.2.2",
  6. "ora": "^3.2.0"
  7. },

安装依赖项 npm install

创建文件夹 bin 主要用于编写脚本文件;同时可以把脚本文件加入到 package.json中,便于操作

  1. "bin": {
  2. "vmvue": "bin/vmvue",
  3. "vmvue-add": "bin/vmvue-add",
  4. "vmvue-init": "bin/vmvue-init"
  5. }

同时可以把bin下的命令链接到全局node的环境中 npm link 解除链接 npm unlink

把项目发布到npm上,便于让其他人使用;

首先需要有一个npm的账号,没有的话需要到官网注册一个

注册完成之后,使用命令行在本地进行登录
npm login ///注意事项,用户名不能用邮箱,需要使用自己定义的用户名

发布: npm publish