美文网首页
快速开发脚手架工具推荐

快速开发脚手架工具推荐

作者: 愤怒的coder | 来源:发表于2019-12-14 23:02 被阅读0次

etools-cli

快速开发脚手架工具

github地址

etools-cli GitHub >

安装

  1. 安装nodejs环境,如已安装跳过。
  2. npm i -g etools-cli 安装脚手架
  3. etools -v 如能打印版本信息即安装成功。

指令文档

  • etools -v 查看版本信息

  • etools create-vue-app projectName 初始化一个vue项目,可以选择后台系统还是移动端应用,包含了基础UI组件库,常用方法,路由配置,请求封装等常用代码。
    根据指引填写必要的项目名称,描述等信息完成初始化即可

    注:若未输入projectName参数会在当前目录下创建项目,请自行确认当前目录信息。

  • etools generate <fileType, fileName> 生成模板文件

    参数说明

    • fileType 模板类型,暂时只支持vue
    • fileName 文件名 不包含扩展名。

    示例

    etools generate vue user
    

    生成的模板内容如下

    <template>
      <section id="user"></section> 
    </template>
    <script>
      export default {
        name: 'user'
        data() {
          return {
            title: 'user'
          }
        },
        components: {},
        computed: {},
        watch: {},
        // 组件创建前钩子
        beforeCreate() {},
        // 组件创建完成钩子
        created() {},
        // 组件挂载前钩子
        beforeMount() {},
        // 组件挂载完成钩子
        mounted() {},
        // 组件更新前钩子
        beforeUpdate() {},
        // 组件更新完成钩子
        updated() {},
        // 组件销毁前钩子
        beforeDestroy() {},
        // 组件销毁完成钩子
        destroyed() {}
      }
    </script>
    <style lang="scss" scoped>
    </style>
    

相关文章

  • 快速开发脚手架工具推荐

    etools-cli 快速开发脚手架工具 github地址 etools-cli GitHub > 安装 安装no...

  • HTML5资源

    网站快速开发工具:web脚手架,工具 vue,angular,nodejs 很多框架 Element Mint U...

  • uni-app项目开发笔记

    开发工具:使用HBuilderX开发;使用脚手架快速搭建;pages.json 页面路由配置。标题,全局窗口样式;...

  • 三分钟教你写个Vue组件

    开发环境: 基于 vue-cli: 这是一个做vue项目的脚手架 使用脚手架工具 vue-cli 可以快速地构建项...

  • 使用webpack搭建一个vue demo

    前言:我们在开发vue过程中使用vue-cli脚手架工具能够十分快速的构建项目,但是vue官方却十分不推荐初学者直...

  • 基于vue-cli脚手架(非3.0)的webpack打包优化点总

    开发环境 项目脚手架 vue-cli(官方推荐,非3.0)打包构建工具 webpack@3.6.0node@8....

  • 基于Webpack Vue Vue-Router搭建前端开发环境

    前端开发一步步发展催生了很多工具、组件、脚手架,好处是确实便利了项目的快速搭建,但是害处也很大:用惯了工具也许开发...

  • vue-cli

    vue-cli工具vue-cli是vue的脚手架工具,这个工具可以帮我们快速的构建一个可以支撑实际项目开发的vue...

  • create-react-app-入门

    create-react-app FaceBook官方发布了一个无需配置,用于快速构建开发环境的脚手架工具:htt...

  • 简单说说 Vue-cli

    Vue-cli Vue-cli 是 Vue 官方提供的工具,用于快速生成前端开发的脚手架。 结合了Webpack可...

网友评论

      本文标题:快速开发脚手架工具推荐

      本文链接:https://www.haomeiwen.com/subject/ranhnctx.html