命令说明
原创2022年5月8日
命令说明
所有命令均由yicode开始
查看版本
? 请选择一个命令
dev 在本机环境进行开发调试
build 进行线上(测试/正式)环境编译打包
new 创建(页面/组件/路由/指令/过滤器)文件
npm 切换npm源地址
> version 查看版本信息
? 请选择一个命令 version 查看版本信息
yicode-cli版本:0.2.2
yicode 升级
npm add -g yicode-cli
pnpm add -g yicode-cli
yarn add -g yicode-cli
执行此命令,可更新 yicode
版本。
初始化项目模板
? 请选择一个命令 create 创建新项目
? 当前目录不是合法的yicode项目,是否创建新项目?(默认:是) Yes
? 请选择一个项目类型 (Use arrow keys)
> 基础模板(vue2-base-webpack)
启动开发环境
? 请选择一个命令 (Use arrow keys)
> dev 在本机环境进行开发调试
build 进行线上(测试/正式)环境编译打包
new 创建(页面/组件/路由/指令/过滤器)文件
npm 切换npm源地址
version 查看版本信息
执行打包编译
? 请选择一个命令 (Use arrow keys)
dev 在本机环境进行开发调试
> build 进行线上(测试/正式)环境编译打包
new 创建(页面/组件/路由/指令/过滤器)文件
npm 切换npm源地址
version 查看版本信息
打包编译为发布到测试或线上地址时使用的命令,将会在
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 页面创建成功
执行此命令后,将会自动生成页面和页面对应的路由,且页面路由会 自动加载
,所以无需再进行手动路由引入。
其余组件、过滤器,指令等创建方式同上。
创建全局组件
? 请选择一个命令 new 创建(页面/组件/路由/指令/过滤器)文件
? 请选择新建类型 组件
? 创建全局组件还是页面组件? (Use arrow keys)
> 全局组件
页面组件
? 请选择一个命令 new 创建(页面/组件/路由/指令/过滤器)文件
? 请选择新建类型 组件
? 创建全局组件还是页面组件? 全局组件
? 请选择组件目录 D:\codes\git\chensuiyi\yibigscreen\src\components
? 请输入组件名称 comp1
✔ comp1.vue 组件创建成功
执行此命令后,将会在 src/components
目录下自动生成全局组件 comp1.vue
文件并 自动加载
,所以无需考虑全局组件的引入。