1.1.0 • Published 5 years ago
webflow-cli v1.1.0
wflow , web flow ; 将日常开发繁琐的工作用工具替代
1.运行
未发布 npm 包,仅支持本地安装.
1.1 下载源码
git clone https://github.com/haokur/webflow-cli.git --depth 1
1.2 安装本地的全局
npm install . -g
1.3 创建软链接,支持本地代码修改
npm link
2.初步构想
2.1 实现功能
- 三大前端框架起始项目生成
- 自动生成模板
3.基本使用
wflow static
实现静态站点支持 typescript 转 js, scss 转 css.wflow ip
查看当前电脑 IP 地址wflow init
初始化项目wflow kill
杀进程wflow tree
文件夹文件树打印查看wflow g
生成项目文件
wflow g
生成项目文件
g , generate
- 配置文件示例:
const path = require('path');
const sourcePath = path.join(__dirname, 'src');
module.exports = {
g: {
getWillCreateDir(order, createName) {
if (order === 'page') {
return `${sourcePath}/${order}s/${createName}`;
} else if (order === 'component') {
return `${sourcePath}/${order}s`;
}
},
orders: {
page: {
source: {
page: 'tpl/page.tpl.vue',
style: 'tpl/style.tpl.scss',
},
target: {
page: '{{createName}}.vue',
style: '{{createName}}.scss',
},
},
component: {
source: {
component: 'tpl/cpt.tpl.vue',
},
target: {
component: 'src/{{order}}/{{createName}}.vue',
},
},
},
},
};
- 需要根据配置在项目下新建一个
tpl
文件夹
tpl/ | ├── cpt.tpl.vue | ├── page.tpl.vue | └── style.tpl.scss
- 在项目根目录可运行命令
# 创建page
wflow g page hello hello2
# 创建component
wflow g component CommonComponent