Skip to content
陈随易陈随易
我的博客
    • 基本简介
      • 快速入门
        • 项目结构
          • 核心思想
            • 常用指令
              • 查看版本
                • yicode 升级
                  • 初始化项目模板
                    • 启动开发环境
                      • 执行打包编译
                        • 创建页面、组件、路由、指令、过滤器
                          • 创建全局组件

                        命令说明

                        陈随易原创2022年5月8日
                        • 开源项目
                        • yicode-cli
                        • 入门指引
                        大约 3 分钟

                        此页内容
                        • 查看版本
                        • yicode 升级
                        • 初始化项目模板
                        • 启动开发环境
                        • 执行打包编译
                        • 创建页面、组件、路由、指令、过滤器
                        • 创建全局组件

                        # 命令说明

                        所有命令均由yicode开始

                        # 查看版本

                        ? 请选择一个命令
                          dev  在本机环境进行开发调试
                          build 进行线上(测试/正式)环境编译打包
                          new  创建(页面/组件/路由/指令/过滤器)文件
                          npm  切换npm源地址
                        > version  查看版本信息
                        
                        ? 请选择一个命令 version  查看版本信息
                        yicode-cli版本:0.2.2
                        
                        1
                        2
                        3
                        4
                        5
                        6
                        7
                        8
                        9

                        # yicode 升级

                        npm add -g yicode-cli
                        
                        1
                        pnpm add -g yicode-cli
                        
                        1
                        yarn add -g yicode-cli
                        
                        1

                        执行此命令,可更新 yicode 版本。

                        # 初始化项目模板

                        ? 请选择一个命令 create  创建新项目
                        ? 当前目录不是合法的yicode项目,是否创建新项目?(默认:是) Yes
                        ? 请选择一个项目类型 (Use arrow keys)
                        > 基础模板(vue2-base-webpack)
                        
                        1
                        2
                        3
                        4

                        # 启动开发环境

                        ? 请选择一个命令 (Use arrow keys)
                        > dev  在本机环境进行开发调试
                          build 进行线上(测试/正式)环境编译打包
                          new  创建(页面/组件/路由/指令/过滤器)文件
                          npm  切换npm源地址
                          version  查看版本信息
                        
                        1
                        2
                        3
                        4
                        5
                        6

                        # 执行打包编译

                        ? 请选择一个命令 (Use arrow keys)
                          dev  在本机环境进行开发调试
                        > build 进行线上(测试/正式)环境编译打包
                          new  创建(页面/组件/路由/指令/过滤器)文件
                          npm  切换npm源地址
                          version  查看版本信息
                        
                        1
                        2
                        3
                        4
                        5
                        6

                        打包编译为发布到测试或线上地址时使用的命令,将会在 dist 目录下生成所有发布资源。

                        # 创建页面、组件、路由、指令、过滤器

                        ? 请选择一个命令 (Use arrow keys)
                          dev  在本机环境进行开发调试
                          build 进行线上(测试/正式)环境编译打包
                        > new  创建(页面/组件/路由/指令/过滤器)文件
                          npm  切换npm源地址
                          version  查看版本信息
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 (Use arrow keys)
                        > 页面
                          组件
                          指令
                          过滤器
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 页面
                        ? 请选择目录
                          ↓ .(root directory)\
                            → 404\
                            → index\
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 页面
                        ? 请选择目录 D:\codes\git\chensuiyi\yibigscreen\src\pages
                        ? 请输入页面名称 news
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 页面
                        ? 请选择目录 D:\codes\git\chensuiyi\yibigscreen\src\pages
                        ? 请输入页面名称 news
                        ? 请选择页面类型 (Use arrow keys)
                        > 页面文件夹(news/index.vue)
                          页面文件(news.vue)
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 页面
                        ? 请选择目录 D:\codes\git\chensuiyi\yibigscreen\src\pages
                        ? 请输入页面名称 news
                        ? 请选择页面类型 页面文件夹(news/index.vue)
                        ✔ news/index.vue 页面创建成功
                        
                        1
                        2
                        3
                        4
                        5
                        6
                        7
                        8
                        9
                        10
                        11
                        12
                        13
                        14
                        15
                        16
                        17
                        18
                        19
                        20
                        21
                        22
                        23
                        24
                        25
                        26
                        27
                        28
                        29
                        30
                        31
                        32
                        33
                        34
                        35
                        36
                        37
                        38
                        39
                        40
                        41
                        42
                        43
                        44
                        45

                        执行此命令后,将会自动生成页面和页面对应的路由,且页面路由会 自动加载,所以无需再进行手动路由引入。

                        其余组件、过滤器,指令等创建方式同上。

                        # 创建全局组件

                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 组件
                        ? 创建全局组件还是页面组件? (Use arrow keys)
                        > 全局组件
                          页面组件
                        
                        
                        ? 请选择一个命令 new  创建(页面/组件/路由/指令/过滤器)文件
                        ? 请选择新建类型 组件
                        ? 创建全局组件还是页面组件? 全局组件
                        ? 请选择组件目录 D:\codes\git\chensuiyi\yibigscreen\src\components
                        ? 请输入组件名称 comp1
                        ✔ comp1.vue 组件创建成功
                        
                        1
                        2
                        3
                        4
                        5
                        6
                        7
                        8
                        9
                        10
                        11
                        12
                        13

                        执行此命令后,将会在 src/components 目录下自动生成全局组件 comp1.vue文件并 自动加载,所以无需考虑全局组件的引入。

                        上次编辑于: 2022/5/16 上午8:47:35
                        贡献者: chensuiyi
                        上一页
                        核心思想
                        何以解忧,唯有代码
                        Copyright © 2022 陈随易

                        该应用可以安装在你的 PC 或移动设备上。这将使该 Web 应用程序外观和行为与其他应用程序相同。它将在出现在应用程序列表中,并可以固定到主屏幕,开始菜单或任务栏。此 Web 应用程序还将能够与其他应用程序和你的操作系统安全地进行交互。

                        详情