首页 > Web开发 > 详细

使用NodeJS 搭建 Vue + TypeScipt 快速构建工具

时间:2020-06-23 17:12:22      阅读:49      评论:0      收藏:0      [点我收藏+]

使用 NodeJS 搭建 Vue + TypeScipt 快速构建工具

前言: 为保证使用 Typescript 开发 Vue 的规范性和开发效率,添加组件、页面、路由、store 的时候尽量使用工具添加,添加组件或页面之后,请参照注释位置实现对应的方法和逻辑。

目录

环境搭建

  • 安装 NodeJS
  • 安装 TypeScipt
  • 安装 Vue-cli

创建项目

  • 使用 Vue-cli 创建一个 TypeScipt 项目

    笔者使用的 Vue 配置,可根据自己的需求增加
    

技术分享图片

配置工具

  • 创建 tools 根目录文件

  • 创建 command 文件 (用于添加组件或者页面)

      add.ts (根据tpl模版生成组件或页面)
      router.ts (根据tpl模版生成路由)
      store.ts  (根据tpl模版生成store)
    
  • 创建 tpl 文件 (模版文件)

  • 创建 util 文件 (工具集)

  • 创建 cli.ts 文件 (命令配置)

完成的快速构建工具 文件目录

技术分享图片

源代码地址

使用NodeJS 搭建 Vue + TypeScipt 快速构建工具

原文:https://www.cnblogs.com/sjie/p/13182814.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!