mowatermelon / use-iceworks Goto Github PK

View Code? Open in Web Editor NEW

1.0 2.0 0.0 17.99 MB

使用Iceworks的案例代码

iceworks react react-router g2 antd-design-pro

use-iceworks's Introduction

Use-iceWorks

使用Iceworks的案例代码

lite模版项目文件，存储在lite分支
pro模版项目文件，存储在pro分支
cms模版项目文件，存储在cms分支
Analytical模版项目文件，存储在Analytical分支
desktop项目文件，存储在desktop分支

use-iceworks's People

Contributors

Stargazers

Watchers

use-iceworks's Issues

尝试同时启动多个项目

系统 win7
node V8.9.3

操作步骤

启动一个项目，显示启动服务地址端口为4444
选择另外一个项目，点击启动调试服务
弹出提示框 4444端口已经被占用，是否启用4445端口，
我通过弹出框右上的关闭按钮，关闭弹窗
我对我上一个操作的理解是，我没有点击确认弹窗中的确定，代码逻辑应该是默认取消
但是在页面上我刚才选择的第二个项目，出现提示调试服务正在启动中
过了一会儿，出现一个notification提示端口为4445的服务启动成功
页面上我刚才选择的第二个项目，也出现了调试服务已经启动的文字提示

页面上项目构建功能

系统 win7
node V8.9.3

操作步骤

选择一个git版本管理的项目文件
在ice页面上对这个项目，点击项目构建按钮
出现构建完成的notification
我在编辑器中检查是否有什么文件新增，或者是否有文件有修改
没有检测到任何修改
这个构建功能有什么用

Weekly Digest (16 February, 2020 - 23 February, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

请问下

请问下这代码是哪里解压来的～？后续还会更新么

Weekly Digest (11 August, 2019 - 18 August, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

网络不好创建项目失败

系统 win7
node V8.9.3

操作步骤

清空log.log
选择模板
选择路径
修改项目名称
点击创建按钮
进度条到二十多的时候，提示timeout
检查log.log，在创建过程中没有写入日志
检查_log文件夹，没有创建新的日志文件

Weekly Digest (26 April, 2020 - 3 May, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

关于win 10 下notification的问题

系统
版次 window 10专业版
版本 1709
OS内部版本 162.99.64
node V8.9.1

问题描述

界面上原有设计创建项目成功，初始化依赖成功，和调试服务启动成功等等，都会有对应的notification进行状态提示，但是我这个系统版本下，一次都没有出现过notification。

Weekly Digest (23 February, 2020 - 1 March, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

使用cms模板问题记录

系统 win7
node V8.9.3

路由文章管理>添加文章

有部分显示错误，初步预估是有字体图标没有被正常加载

Weekly Digest (9 February, 2020 - 16 February, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

关于创建项目过程中需要安装依赖

在创建项目过程中，最后一个步骤是依赖安装中

这个时候安装的依赖主要是些什么依赖
既然这个步骤会安装依赖，为何在界面上还会有一个初始化依赖安装
项目初始创建的之后安装的依赖和初始化安装的依赖有什么区别

Weekly Digest (12 January, 2020 - 19 January, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

网络条件较差下载ice软件

公司网络环境很恶劣

系统 win7
node V8.9.3

操作步骤

进入https://alibaba.github.io/ice/#/iceworks网址
选择下载window系统可执行的exe软件
左下有提示信息正在请求资源
然后控制台打印了timeout日志

即提示请求https://iceworks.oss-cn-hangzhou.aliyuncs.com/updates.json 和https://iceworks.oss-cn-hangzhou.aliyuncs.com/changelog.json 失败。
页面上没有任何提示，感觉可以出现一个error弹窗，提示一下请求超时

Weekly Digest (9 June, 2019 - 16 June, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (24 May, 2020 - 31 May, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (19 April, 2020 - 26 April, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

对于自定义添加的依赖名没有做正则检测

系统 win7
node V8.9.3

操作步骤

选择一个项目
点击项目中添加自定义依赖的按钮
弹出提示框，提示 请输入 npm 包名以及版本号，例如：lodash@latest
我随意填写了一串字符asadads
点击了确定按钮
页面代码逻辑貌似没有做内容正则匹配，直接去镜像源中找了，
过了几分钟，出现了错误弹窗

[2018-02-26 18:20:34.407] [debug] ipcRenderer npminstall [ 'asadads@latest', '--save' ]
[2018-02-26 18:20:54.259] [debug] npm ERR! code E404
[2018-02-26 18:20:54.259] [debug] npm
[2018-02-26 18:20:54.259] [debug] ERR! 404 Not Found: asadads@latest
[2018-02-26 18:21:16.691] [debug] 
[2018-02-26 18:21:16.691] [debug] npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-02-26T10_20_54_261Z-debug.log
[2018-02-26 18:21:16.712] [error] 安装依赖失败 F:\documentbak\2_26\bak\melon_cms [ 'asadads@latest', '--save' ]
[2018-02-26 18:21:16.712] [error] Error: runcmd
    at ChildProcess.c.on.e (D:\Users\Administrator\AppData\Local\Programs\Iceworks\resources\app\main\npm.js:1:782)
    at emitTwo (events.js:106:13)
    at ChildProcess.emit (events.js:194:7)
    at maybeClose (internal/child_process.js:899:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)

window系统编写ice-vue物料完整记录

前言

很早之前就想写了，但是自己之前几次尝试都卡了某个步骤，我这次系统的记录一下看能否有不同，为了做方便做测试，我可能会选择比较简单的物料，希望能够达到快速coding，快速发布的merge，日常捂脸.jpg，祝自己顺利~~~~。

查看具体分类

vue物料社区中主要是分三大类，区块(blocks) ，布局(layouts)和模板(scaffolds)。

区块（参考react物料）（14）

信息展示
欢迎页
注册页
登录页
列表
页脚
图表
表格
数据展示
表单
视频
筛选
模态框
异常

题外话

日常捂脸.jpg，看了半天，感觉想写的demo好多，原本下定决心写那几个异常页来着，结果发现好多信息展示页，还有模态窗展示的，我都觉得可以写，感觉自己好花心。

不过我看区块物料的时候，想到敏捷开发了，最小区块交付，在这里面体现的真的淋漓尽致，一个普通的卡片组都写了好些。

whatever，我觉得，我之前既然已经决定要写异常页，就写这个吧，之后再写其他都行，毕竟今天coding不是重点。

布局（参考react物料）（4）

空白布局
顶栏侧栏底栏响应式布局
顶栏底栏布局
顶栏侧栏底栏布局

题外话

看到布局分类的时候，我又有点想写这个了，但是感觉饿了么本身就提供了，再写挺累赘的，我要记住我是要写异常页的，坚定的眼神.jpg

模板（参考react物料）（11）

create-react-app
ice-creator-landingpage
ice-design-analysis
ice-design-cms
ice-design-ecommerce
iceworks-homepage
ice-design-lite
ice-design-login
ice-design-pro
ice-design-project-management
ice-website-homepage

确认资源

react物料中相关的配置

{
      "name": "basic-not-found",
      "title": "404 报错提示",
      "source": {
        "type": "npm",
        "npm": "@icedesign/basic-not-found-block",
        "version": "0.1.5",
        "sourceCodeDirectory": "src/",
        "registry": "http://registry.npmjs.com"
      },
      "dependencies": {
        "@icedesign/base": "^0.2.0",
        "@icedesign/container": "^0.1.0",
        "prop-types": "^15.5.8",
        "react-router": "^3.2.0"
      },
      "screenshot": "https://img.alicdn.com/tfs/TB1.HyVgyqAXuNjy1XdXXaYcVXa-1914-1066.png",
      "categories": [
        "异常"
      ],
      "features": {
        "useComponents": [
          {
            "basePackage": "@icedesign/container",
            "className": "Container"
          }
        ]
      },
      "description": "404 报错提示",
      "repository": "https://github.com/alibaba/ice",
      "publishTime": "2017-12-27T13:43:46.999Z",
      "updateTime": "2018-03-13T14:54:38.253Z"
    }，
    {
      "name": "empty-content",
      "title": "空内容提示",
      "source": {
        "type": "npm",
        "npm": "@icedesign/empty-content-block",
        "version": "0.1.8",
        "sourceCodeDirectory": "src/",
        "registry": "http://registry.npmjs.com"
      },
      "dependencies": {
        "@icedesign/base": "^0.2.0",
        "@icedesign/container": "^0.1.0",
        "prop-types": "^15.5.8"
      },
      "screenshot": "https://img.alicdn.com/tfs/TB1unfJiOqAXuNjy1XdXXaYcVXa-1862-1024.png",
      "categories": [
        "异常"
      ],
      "features": {
        "useComponents": [
          {
            "basePackage": "@icedesign/container",
            "className": "Container"
          }
        ]
      },
      "repository": "https://github.com/alibaba/ice",
      "publishTime": "2018-01-02T13:04:05.933Z",
      "updateTime": "2018-03-13T15:40:43.128Z"
    },
    {
      "name": "not-permission",
      "title": "无权限提示",
      "source": {
        "type": "npm",
        "npm": "@icedesign/not-permission-block",
        "version": "0.1.8",
        "sourceCodeDirectory": "src/",
        "registry": "http://registry.npmjs.com"
      },
      "dependencies": {
        "@icedesign/base": "^0.2.0",
        "@icedesign/container": "^0.1.0",
        "prop-types": "^15.5.8"
      },
      "screenshot": "https://img.alicdn.com/tfs/TB1XvlnjtfJ8KJjy0FeXXXKEXXa-1900-1072.png",
      "categories": [
        "异常"
      ],
      "features": {
        "useComponents": [
          {
            "basePackage": "@icedesign/container",
            "className": "Container"
          }
        ]
      },
      "repository": "https://github.com/alibaba/ice",
      "publishTime": "2018-01-02T07:55:35.592Z",
      "updateTime": "2018-03-13T15:47:19.815Z"
    },
{
      "name": "basic-exception",
      "title": "基础异常报错",
      "source": {
        "type": "npm",
        "npm": "@icedesign/basic-exception-block",
        "version": "0.1.5",
        "sourceCodeDirectory": "src/",
        "registry": "http://registry.npmjs.com"
      },
      "dependencies": {
        "@icedesign/base": "^0.2.0",
        "@icedesign/container": "^0.1.0",
        "prop-types": "^15.5.8",
        "react-router": "^3.2.0"
      },
      "screenshot": "https://img.alicdn.com/tfs/TB197z8if2H8KJjy0FcXXaDlFXa-1786-914.png",
      "categories": [
        "异常"
      ],
      "features": {
        "useComponents": [
          {
            "basePackage": "@icedesign/container",
            "className": "Container"
          }
        ]
      },
      "description": "基础异常报错",
      "repository": "https://github.com/alibaba/ice",
      "publishTime": "2017-12-27T13:42:54.113Z",
      "updateTime": "2018-03-13T14:55:44.127Z"
    }

确认详细文本内容

404 报错提示

文件夹和文件命名

BasicNotFound

图片地址

标题内容

抱歉，你访问的页面不存在

副标题内容

您要找的页面没有找到，请返回首页继续浏览

空内容提示

文件夹和文件命名

EmptyContent

图片地址

标题内容

页面暂无内容

副标题内容

抱歉，页面暂无内容，请看看其他页面

无权限提示

文件夹和文件命名

NotPermission

图片地址

标题内容

抱歉，您无权限～

副标题内容

抱歉，您暂无权限，请看看其他页面

基础异常报错

文件夹和文件命名

BasicException

图片地址

标题内容

抱歉，服务器出错了

副标题内容

服务器出错了，请重新刷新页面或返回首页

样式需要注意的地方

随着屏幕大小的变化，左侧的小图片的max-width会变化
右侧的标题和副标题也会随之变化大小
标题，标签是h3,字体颜色color: rgb(51, 51, 51);
副标题，标签是p,字体颜色color: rgb(102, 102, 102);

/**
* reset css
*/

h3, h4, h5 {
    font-weight: 400;
    line-height: 24px;
}
*, :after, :before {
    box-sizing: border-box;
}
p {
  font-weight: 400;
}
h6, p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 20px;
}
img {
    border: 0;
}

/**
* response css
*/
@media screen and (max-width: 1199px) and (min-width: 721px){
  .exception-content{
    .imgException {
        max-width: 180px;
        margin-right: 30px;
    }
    .title {
        font-size: 20px;
        margin: 10px 0;
    }
    .description {
        font-size: 14px;
    }
  }
}

@media screen and (min-width: 1200px){
  .exception-content {
    .imgException {
      max-width: 260px;
      margin-right: 50px;
    }
    .title {
      font-size: 24px;
      margin: 20px 0;
    }
    .description {
      font-size: 16px;
    }
  }
}

参考react物料中修改为vue物料正常配置

{
  "name": "vue-materials",
  "type": "vue",
  "blocks": [
        {
          "name": "basic-not-found",
          "title": "404 报错提示",
          "source": {
            "type": "npm",
            "npm": "@vue-materials/basic-not-found-block",
            "version": "0.1.5",
            "sourceCodeDirectory": "src/",
            "registry": "http://registry.npmjs.com"
          },
          "dependencies": {
            "@vue-materials/basic-container": "^1.0.0",
            "vue": "^2.5.16"
          },
          "screenshot": "",
          "categories": [
            "异常"
          ],
          "features": {
            "useComponents": []
          },
          "description": "基于element-ui组件的404 报错提示",
          "repository": "https://github.com/alibaba/ice",
          "publishTime": "",
          "updateTime": ""
        }，
        {
          "name": "empty-content",
          "title": "空内容提示",
          "source": {
            "type": "npm",
            "npm": "@icedesign/empty-content-block",
            "version": "0.1.8",
            "sourceCodeDirectory": "src/",
            "registry": "http://registry.npmjs.com"
          },
          "dependencies": {
            "@vue-materials/basic-container": "^1.0.0",
            "vue": "^2.5.16"
          },
          "screenshot": "",
          "categories": [
            "异常"
          ],
          "features": {
            "useComponents": []
          },
          "description": "基于element-ui组件的空内容提示",
          "repository": "https://github.com/alibaba/ice",
          "publishTime": "",
          "updateTime": ""
        },
        {
          "name": "not-permission",
          "title": "无权限提示",
          "source": {
            "type": "npm",
            "npm": "@icedesign/not-permission-block",
            "version": "0.1.8",
            "sourceCodeDirectory": "src/",
            "registry": "http://registry.npmjs.com"
          },
          "dependencies": {
            "@vue-materials/basic-container": "^1.0.0",
            "vue": "^2.5.16"
          },
          "screenshot": "",
          "categories": [
            "异常"
          ],
          "features": {
            "useComponents": []
          },
          "description": "基于element-ui组件的无权限提示",
          "repository": "https://github.com/alibaba/ice",
          "publishTime": "",
          "updateTime": ""
        },
        {
          "name": "basic-exception",
          "title": "基础异常报错",
          "source": {
            "type": "npm",
            "npm": "@icedesign/basic-exception-block",
            "version": "0.1.5",
            "sourceCodeDirectory": "src/",
            "registry": "http://registry.npmjs.com"
          },
          "dependencies": {
            "@vue-materials/basic-container": "^1.0.0",
            "vue": "^2.5.16"
          },
          "screenshot": "",
          "categories": [
            "异常"
          ],
          "features": {
            "useComponents": []
          },
          "description": "基于element-ui组件的基础异常报错",
          "repository": "https://github.com/alibaba/ice",
          "publishTime": "",
          "updateTime": ""
        }
  ]

着手开发

安装开发环境

cnpm install ice-devtools@beta -g

一共要装54的包

Downloading ice-devtools to X:\XX\XX\node_global\node_modules\ice-devtools_tmp
Copying X:\XX\XX\node_global\node_modules\ice-devtools_tmp\_[email protected]@ice-devtools to X:\XX\XX\node_global\node_modules\ice-devtools
Installing ice-devtools's dependencies to X:\XX\XX\node_global\node_modules\ice-devtools/node_modules
[1/54] babel-preset-react@^6.24.1 installed at node_modules\[email protected]@babel-preset-react
[2/54] chalk@^1.1.3 existed at node_modules\[email protected]@chalk
[3/54] babel-preset-stage-0@^6.24.1 installed at node_modules\[email protected]@babel-preset-stage-0
[4/54] consolidate@^0.15.1 installed at node_modules\[email protected]@consolidate
[5/54] debug@^2.6.3 existed at node_modules\[email protected]@debug
[6/54] babel-plugin-transform-export-extensions@^6.22.0 installed at node_modules\[email protected]@babel-plugin-transform-export-extensions
[7/54] ejs@^2.5.6 installed at node_modules\[email protected]@ejs
[8/54] async@^2.6.0 installed at node_modules\[email protected]@async
[9/54] glob@^7.1.1 existed at node_modules\[email protected]@glob
[10/54] babel-plugin-transform-lib-import@^0.1.0 installed at node_modules\[email protected]@babel-plugin-transform-lib-import
[11/54] babel-preset-es2015@^6.24.1 installed at node_modules\[email protected]@babel-preset-es2015
[12/54] extract-text-webpack-plugin@^4.0.0-beta.0 installed at node_modules\[email protected]@extract-text-webpack-plugin
[13/54] babel-preset-env@^1.6.1 installed at node_modules\[email protected]@babel-preset-env
[14/54] kebab-case@^1.0.0 installed at node_modules\[email protected]@kebab-case
[15/54] glob-promise@^3.4.0 installed at node_modules\[email protected]@glob-promise
[16/54] inquirer@^3.3.0 installed at node_modules\[email protected]@inquirer
[17/54] koa-router@^7.4.0 installed at node_modules\[email protected]@koa-router
[18/54] mkdirp@^0.5.1 existed at node_modules\[email protected]@mkdirp
[19/54] download-git-repo@^1.0.2 installed at node_modules\[email protected]@download-git-repo
[20/54] html-webpack-plugin@^3.1.0 installed at node_modules\[email protected]@html-webpack-plugin
[21/54] multimatch@^2.1.0 installed at node_modules\[email protected]@multimatch
[22/54] babel-plugin-transform-es2015-modules-commonjs@^6.26.0 installed at node_modules\[email protected]@babel-plugin-transform-es2015-modules-commonjs
[23/54] babel-core@^6.26.0 installed at node_modules\[email protected]@babel-core
[24/54] ora@^2.0.0 installed at node_modules\[email protected]@ora
[25/54] koa-views@^6.1.4 installed at node_modules\[email protected]@koa-views
[26/54] metalsmith@^2.3.0 installed at node_modules\[email protected]@metalsmith
[27/54] rimraf@^2.6.1 existed at node_modules\[email protected]@rimraf
[28/54] semver@^5.3.0 existed at node_modules\[email protected]@semver
[29/54] read-metadata@^1.0.0 installed at node_modules\[email protected]@read-metadata
[30/54] style-loader@^0.20.3 installed at node_modules\[email protected]@style-loader
[31/54] request-promise@^4.2.2 installed at node_modules\[email protected]@request-promise
[32/54] tildify@^1.2.0 installed at node_modules\[email protected]@tildify
[33/54] user-home@^2.0.0 installed at node_modules\[email protected]@user-home
[34/54] uppercamelcase@^3.0.0 installed at node_modules\[email protected]@uppercamelcase
[35/54] uuid@^3.0.1 existed at node_modules\[email protected]@uuid
[36/54] tar@^2.2.1 installed at node_modules\[email protected]@tar
[37/54] validate-npm-package-name@^3.0.0 installed at node_modules\[email protected]@validate-npm-package-name
[38/54] handlebars@^4.0.11 installed at node_modules\[email protected]@handlebars
[39/54] webpack@^4.4.1 existed at node_modules\[email protected]@webpack
[40/54] vue-style-loader@^4.1.0 installed at node_modules\[email protected]@vue-style-loader
[email protected] download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://cdn.npm.taobao.org/dist/fsevents"}
[41/54] moment@^2.22.0 installed at node_modules\[email protected]@moment
platform unsupported [email protected] › [email protected] › [email protected] › [email protected] › fsevents@^1.1.2 Package require os(darwin) not compatible with your platform(win32)
[fsevents@^1.1.2] optional install error: Package require os(darwin) not compatible with your platform(win32)
[42/54] babel-loader@^7.1.4 installed at node_modules\[email protected]@babel-loader
[43/54] vue-template-compiler@^2.5.16 installed at node_modules\[email protected]@vue-template-compiler
[44/54] request@^2.85.0 installed at node_modules\[email protected]@request
[45/54] webpack-merge@^4.1.2 installed at node_modules\[email protected]@webpack-merge
[46/54] sass-loader@^6.0.7 installed at node_modules\[email protected]@sass-loader
[47/54] write@^0.3.3 installed at node_modules\[email protected]@write
[48/54] webpack-plugin-import@^0.1.2 installed at node_modules\[email protected]@webpack-plugin-import
[49/54] css-loader@^0.28.11 installed at node_modules\[email protected]@css-loader
[50/54] webpack-serve@^0.3.1 installed at node_modules\[email protected]@webpack-serve
[51/54] node-sass@^4.8.3 installed at node_modules\[email protected]@node-sass
[52/54] vue-loader@^14.2.2 installed at node_modules\[email protected]@vue-loader
[53/54] webpack-dev-server@^3.1.1 installed at node_modules\[email protected]@webpack-dev-server
[54/54] webpack-hot-client@^2.2.0 installed at node_modules\[email protected]@webpack-hot-client
execute post install 1 scripts...
[1/1] scripts.install node-sass@^4.8.3 run "node scripts/install.js"
Cached binary found at C:\Users\Administrator\.npminstall_tarball\node-sass\4.9.0\win32-x64-57_binding.node
[1/1] scripts.install node-sass@^4.8.3 finished in 4s
[1/1] scripts.postinstall node-sass@^4.8.3 run "node scripts/build.js"
Binary found at X:\XX\XX\node_global\node_modules\ice-devtools\node_modules\[email protected]@node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
[1/1] scripts.postinstall node-sass@^4.8.3 finished in 1s
deprecate babel-preset-es2015@^6.24.1 ????  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
deprecate [email protected] › [email protected] › coffee-script@^1.12.4 CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
Recently updated (since 2018-05-05): 32 packages (detail see file X:\XX\XX\node_global\node_modules\ice-devtools\node_modules\.recently_updates.txt)
  Today:
    → [email protected] › webpack@^4.4.1(4.8.2) (00:13:26)
    → [email protected] › @types/[email protected] › @types/node@*(6.0.110) (09:02:12)
  2018-05-11
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:57)
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:09)
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:50)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:44)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:39)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:38)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:04)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:56)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:45)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:16)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:29)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › [email protected](1.4.2) (22:13:39)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:37)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:38)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:51)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:56)
    → [email protected] › [email protected] › [email protected] › [email protected] › source-map-resolve@^0.5.0(0.5.2) (01:12:36)
  2018-05-10
    → babel-preset-env@^1.6.1(1.7.0) (22:31:21)
    → [email protected] › [email protected] › make-dir@^1.0.0(1.3.0) (21:52:55)
    → [email protected] › browserslist@^3.2.6(3.2.7) (13:33:11)
    → [email protected] › [email protected] › [email protected] › stream-http@^2.7.2(2.8.2) (10:54:19)
    → [email protected] › [email protected] › caniuse-lite@^1.0.30000835(1.0.30000839) (15:01:04)
    → [email protected] › [email protected] › [email protected] › caniuse-db@^1.0.30000634(1.0.30000839) (14:21:43)
  2018-05-09
    → [email protected] › [email protected] › ajv@^6.1.0(6.5.0) (04:49:29)
  2018-05-08
    → [email protected] › [email protected] › [email protected] › [email protected] › lru-cache@^4.1.1(4.1.3) (07:17:11)
    → [email protected] › [email protected] › [email protected](3.3.24) (07:16:11)
    → [email protected] › [email protected] › iconv-lite@^0.4.17(0.4.23) (06:22:24)
  2018-05-07
    → [email protected] › [email protected] › [email protected] › [email protected] › create-ecdh@^4.0.0(4.0.3) (22:24:49)
    → [email protected] › [email protected] › core-js@^2.5.0(2.5.6) (21:57:54)
  2018-05-06
    → ejs@^2.5.6(2.6.1) (02:52:25)
All packages installed (1141 packages installed from npm registry, used 1m, speed 345.29kB/s, json 1012(7.54MB), tarball 19.72MB)
[[email protected]] link X:\XX\XX\node_global\ice-devtools@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\index.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-init@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\init.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-add@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\add.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-start@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\dev-server.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-generate@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\db.js

检测安装是否正常

C:\Users\Administrator>ice-devtools

  Usage: index <command> [options]

  Options:

    -V, --version  output the version number
    -h, --help     output usage information

  Commands:

    init           generate a new project from a template
    add            add a new block/layout/scaffold from a official templates
    start          Start Dev Server
    generate       Generate database json
    help [cmd]     display help for [cmd]

C:\Users\Administrator>ice-devtools -V
1.0.0-beta.18

初始化项目

指令学习

请注意window和linux电脑中指令不同。

# 如果是linux用户
$ ice-devtools init {remote-project-name} {your-folder-name}

# 如果是window用户
$ ice-devtools-init {remote-project-name} {your-folder-name}

# 举例，因为我是window用户，并且我想下载的远程仓库物料模板项目，所以我执行的是命令是
$ ice-devtools-init ice-materials-template melon

意外插曲

执行过程出现了一个小提示，好像是ice觉得我本地版本有点低，我决定去升级一下再继续执行初始化。

$ ice-devtools-init ice-materials-template melon
  A newer version of ice-devtools is available.

  latest:    1.0.0-beta.28
  installed: 1.0.0-beta.18

# 升级我的ice版本

# 因为我之前安装的时候指定了@beta版本，所以这个指令没有效果
$ cnpm update ice-devtools -g

# 所以我决定全局再安装一边，这次需要安装56个依赖包
$ cnpm i ice-devtools -g

# 全局安装之后，版本才升级成功了，所以，我最开始安装的时候就应该直接安装，官网说要指@beta版本是一个错误说法

$ ice-devtools -V
1.0.0-beta.28

安装日志

Downloading ice-devtools to X:\XX\XX\node_global\node_modules\ice-devtools_tmp
Copying X:\XX\XX\node_global\node_modules\ice-devtools_tmp\[email protected]@ice-devtools to X:\XX\XX\node_global\node_modules\ice-devtools
Installing ice-devtools's dependencies to X:\XX\XX\node_global\node_modules\ice-devtools/node_modules
[1/56] axios@^0.18.0 installed at node_modules\[email protected]@axios
[2/56] babel-preset-es2015@^6.24.1 installed at node_modules\[email protected]@babel-preset-es2015
[3/56] babel-preset-react@^6.24.1 installed at node_modules\[email protected]@babel-preset-react
[4/56] chalk@^1.1.3 existed at node_modules\[email protected]@chalk
[5/56] babel-preset-stage-0@^6.24.1 installed at node_modules\[email protected]@babel-preset-stage-0
[6/56] consolidate@^0.15.1 installed at node_modules\[email protected]@consolidate
[7/56] debug@^2.6.3 existed at node_modules\[email protected]@debug
[8/56] async@^2.6.0 installed at node_modules\[email protected]@async
[9/56] babel-plugin-transform-es2015-modules-commonjs@^6.26.0 installed at node_modules\[email protected]@babel-plugin-transform-es2015-modules-commonjs
[10/56] babel-plugin-transform-lib-import@^0.1.0 installed at node_modules\[email protected]@babel-plugin-transform-lib-import
[11/56] babel-plugin-component@^1.1.0 installed at node_modules\[email protected]@babel-plugin-component
[12/56] glob@^7.1.1 existed at node_modules\[email protected]@glob
[13/56] extract-text-webpack-plugin@^4.0.0-beta.0 installed at node_modules\[email protected]@extract-text-webpack-plugin
[14/56] ejs@^2.5.6 installed at node_modules\[email protected]@ejs
[[email protected]] download ShasumNotMatchError: real sha1:e7256e26776e4a731a0098bd2e5f9c62c76ecfdc not equal to remote:0fe6d45bf3cac3ac364a9d72de7576f4eb221b9d ([email protected]), fail count: 1
[15/56] glob-promise@^3.4.0 installed at node_modules\[email protected]@glob-promise
[16/56] babel-preset-env@^1.6.1 installed at node_modules\[email protected]@babel-preset-env
[17/56] kebab-case@^1.0.0 installed at node_modules\[email protected]@kebab-case
[18/56] koa-router@^7.4.0 installed at node_modules\[email protected]@koa-router
[19/56] inquirer@^3.3.0 installed at node_modules\[email protected]@inquirer
[20/56] mkdirp@^0.5.1 existed at node_modules\[email protected]@mkdirp
[21/56] download-git-repo@^1.0.2 installed at node_modules\[email protected]@download-git-repo
[22/56] html-webpack-plugin@^3.1.0 installed at node_modules\[email protected]@html-webpack-plugin
[23/56] multimatch@^2.1.0 installed at node_modules\[email protected]@multimatch
[24/56] ora@^2.0.0 installed at node_modules\[email protected]@ora
[25/56] metalsmith@^2.3.0 installed at node_modules\[email protected]@metalsmith
[26/56] koa-views@^6.1.4 installed at node_modules\[email protected]@koa-views
[27/56] request-promise@^4.2.2 installed at node_modules\[email protected]@request-promise
[28/56] read-metadata@^1.0.0 installed at node_modules\[email protected]@read-metadata
[29/56] rimraf@^2.6.1 existed at node_modules\[email protected]@rimraf
[30/56] semver@^5.3.0 existed at node_modules\[email protected]@semver
[31/56] style-loader@^0.20.3 installed at node_modules\[email protected]@style-loader
[email protected] download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://cdn.npm.taobao.org/dist/fsevents"}
platform unsupported [email protected] › [email protected] › [email protected] › [email protected] › fsevents@^1.1.2 Package require os(darwin) not compatible with your platform(win32)
[fsevents@^1.1.2] optional install error: Package require os(darwin) not compatible with your platform(win32)
[32/56] babel-loader@^7.1.4 installed at node_modules\[email protected]@babel-loader
[33/56] handlebars@^4.0.11 installed at node_modules\[email protected]@handlebars
[34/56] moment@^2.22.0 installed at node_modules\[email protected]@moment
[35/56] tildify@^1.2.0 installed at node_modules\[email protected]@tildify
[36/56] uuid@^3.0.1 existed at node_modules\[email protected]@uuid
[37/56] user-home@^2.0.0 installed at node_modules\[email protected]@user-home
[38/56] tar@^2.2.1 installed at node_modules\[email protected]@tar
[39/56] uppercamelcase@^3.0.0 installed at node_modules\[email protected]@uppercamelcase
[40/56] sass-loader@^6.0.7 installed at node_modules\[email protected]@sass-loader
[41/56] webpack@^4.4.1 existed at node_modules\[email protected]@webpack
[42/56] validate-npm-package-name@^3.0.0 installed at node_modules\[email protected]@validate-npm-package-name
[43/56] request@^2.85.0 installed at node_modules\[email protected]@request
[44/56] vue-style-loader@^4.1.0 installed at node_modules\[email protected]@vue-style-loader
[45/56] webpack-plugin-import@^0.1.2 installed at node_modules\[email protected]@webpack-plugin-import
[46/56] webpack-merge@^4.1.2 installed at node_modules\[email protected]@webpack-merge
[47/56] vue-template-compiler@^2.5.16 installed at node_modules\[email protected]@vue-template-compiler
[48/56] write@^0.3.3 installed at node_modules\[email protected]@write
[49/56] css-loader@^0.28.11 installed at node_modules\[email protected]@css-loader
[50/56] node-sass@^4.8.3 installed at node_modules\[email protected]@node-sass
[51/56] webpack-serve@^0.3.1 installed at node_modules\[email protected]@webpack-serve
[52/56] babel-plugin-transform-export-extensions@^6.22.0 installed at node_modules\[email protected]@babel-plugin-transform-export-extensions
[53/56] babel-core@^6.26.0 installed at node_modules\[email protected]@babel-core
[54/56] webpack-dev-server@^3.1.1 installed at node_modules\[email protected]@webpack-dev-server
[55/56] vue-loader@^14.2.2 installed at node_modules\[email protected]@vue-loader
[56/56] webpack-hot-client@^2.2.0 installed at node_modules\[email protected]@webpack-hot-client
execute post install 1 scripts...
[1/1] scripts.install node-sass@^4.8.3 run "node scripts/install.js"
Cached binary found at C:\Users\Administrator\.npminstall_tarball\node-sass\4.9.0\win32-x64-57_binding.node
[1/1] scripts.install node-sass@^4.8.3 finished in 666ms
[1/1] scripts.postinstall node-sass@^4.8.3 run "node scripts/build.js"
Binary found at X:\XX\XX\node_global\node_modules\ice-devtools\node_modules\[email protected]@node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
[1/1] scripts.postinstall node-sass@^4.8.3 finished in 2s
deprecate babel-preset-es2015@^6.24.1 ????  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
deprecate [email protected] › [email protected] › coffee-script@^1.12.4 CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
Recently updated (since 2018-05-05): 33 packages (detail see file X:\XX\XX\node_global\node_modules\ice-devtools\node_modules\.recently_updates.txt)
  Today:
    → [email protected] › webpack@^4.4.1(4.8.2) (00:13:26)
    → [email protected] › @types/[email protected] › @types/node@*(6.0.110) (09:02:12)
  2018-05-11
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:57)
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:50)
    → [email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:09)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:38)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:16)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:44)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:04)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:39)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:56)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:29)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:45)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:37)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:38)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected] › @webassemblyjs/[email protected](1.4.2) (22:13:51)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › [email protected](1.4.2) (22:13:39)
    → [email protected] › [email protected] › @webassemblyjs/[email protected] › [email protected] › @webassemblyjs/[email protected](1.4.2) (22:12:56)
    → [email protected] › [email protected] › [email protected] › [email protected] › source-map-resolve@^0.5.0(0.5.2) (01:12:36)
  2018-05-10
    → babel-preset-env@^1.6.1(1.7.0) (22:31:21)
    → [email protected] › [email protected] › make-dir@^1.0.0(1.3.0) (21:52:55)
    → [email protected] › browserslist@^3.2.6(3.2.7) (13:33:11)
    → [email protected] › [email protected] › [email protected] › stream-http@^2.7.2(2.8.2) (10:54:19)
    → [email protected] › [email protected] › caniuse-lite@^1.0.30000835(1.0.30000839) (15:01:04)
    → [email protected] › [email protected] › [email protected] › caniuse-db@^1.0.30000634(1.0.30000839) (14:21:43)
  2018-05-09
    → [email protected] › [email protected] › ajv@^6.1.0(6.5.0) (04:49:29)
  2018-05-08
    → babel-plugin-component@^1.1.0(1.1.1) (16:14:35)
    → [email protected] › [email protected] › [email protected] › [email protected] › lru-cache@^4.1.1(4.1.3) (07:17:11)
    → [email protected] › [email protected] › [email protected](3.3.24) (07:16:11)
    → [email protected] › [email protected] › iconv-lite@^0.4.17(0.4.23) (06:22:24)
  2018-05-07
    → [email protected] › [email protected] › [email protected] › [email protected] › create-ecdh@^4.0.0(4.0.3) (22:24:49)
    → [email protected] › [email protected] › core-js@^2.5.0(2.5.6) (21:57:54)
  2018-05-06
    → ejs@^2.5.6(2.6.1) (02:52:25)
All packages installed (1146 packages installed from npm registry, used 2m, speed 250.74kB/s, json 1016(6.93MB), tarball 20.34MB)
[[email protected]] link X:\XX\XX\node_global\ice-devtools@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\ice-devtools.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-init@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\ice-devtools-init.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-add@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\ice-devtools-add.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-start@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\ice-devtools-start.js
[[email protected]] link X:\XX\XX\node_global\ice-devtools-generate@ -> X:\XX\XX\node_global\node_modules\ice-devtools\bin\ice-devtools-generate.js

开始初始化

选择一个准备用来放物料的文件路径，然后在该路径下执行命令行。

$ ice-devtools-init ice-materials-template melon
? Please select libaries which you will use in this material source. (Press <space> to select, <a> to toggle all, <i> to inverse selection)
 ( ) React (https://github.com/facebook/react)
>(*) Vue (https://github.com/vuejs/vue)
? Set material source name (materials-app) melon-app
? Set material source version (1.0.0)# 有些不用修改默认值的可以直接按enter
? Add more description this is melon app
? author (mowatermelon <[email protected]>) # 有些不用修改默认值的可以直接忽略
   ice-devtools · Generated "melon".
? Do you need run `npm install` right now? (Y/n) n # 由于担心npm会存在被墙的问题，所以这里我写的是n

# 放上我写完所有询问之后的控制台内容

$ ice-devtools-init ice-materials-template melon
? Please select libaries which you will use in this material source. Vue
? Set material source name melon-app
? Set material source version 1.0.0
? Add more description this is melon app
? author mowatermelon <[email protected]>
   ice-devtools · Generated "melon".
? Do you need run `npm install` right now? No

melon
├── vue-materials
│   ├── blocks             // 区块
│   │   └── ExampleBlock
│   │   │   └── src
│   │   │   │   ├── ExampleBlock.vue //案例区块实际代码
│   │   │   │   └── index.js //导出案例区块
│   │   │   ├── package.json //案例区块配置说明
│   │   │   └── README.md //案例区块使用说明
│   ├── layouts            // 布局
│   │   └── ExampleLayout
│   │   │   └── src
│   │   │   │   ├── ExampleBlock.vue //案例布局实际代码
│   │   │   │   └── index.js //导出案例布局
│   │   │   ├── package.json //案例布局配置说明
│   │   │   └── README.md //案例布局使用说明
│   └── scaffolds          // 脚手架模板
│   │   └── ice-app
│   │   │   └── public
│   │   │   │   ├── favicon.ico //favicon.ico
│   │   │   │   └── index.html //案例模板页
│   │   │   └── src
│   │   │   │   ├── assets //第三方文件
│   │   │   │   │   └── logo.png //vue logo 图片
│   │   │   │   ├── components //案例模板基础组件文件夹
│   │   │   │   │   └── HelloWorld.vue //vue-cli 默认的hello world组件页
│   │   │   │   ├── layouts  //案例模板布局组件文件夹
│   │   │   │   │   └── BlankLayout //空白布局
│   │   │   │   │   │   └── index.vue //默认的空白布局组件页
│   │   │   │   ├── pages //案例模板页面组件文件夹
│   │   │   │   │   ├── About //默认关于我页
│   │   │   │   │   │   ├── About.vue //About页实际代码
│   │   │   │   │   │   └── index.js //导出About页
│   │   │   │   │   └── Home //默认的主页
│   │   │   │   │   │   ├── Home.vue //Home页实际代码
│   │   │   │   │   │   └── index.js //导出Home页
│   │   │   │   ├── App.vue //主入口组件
│   │   │   │   ├── main.js //初始化和路由挂载
│   │   │   │   └── router.js //路由代码
│   │   │   ├── .babelrc
│   │   │   ├── .eslintrc
│   │   │   ├── .gitignore
│   │   │   ├── vue.config.js
│   │   │   ├── .gitignore
│   │   │   ├── package.json
│   │   │   └── README.md
├── .editorconfig
├── .eslintignore
├── .eslintrc
├── .gitignore
├── .prettierignore
├── .prettierrc
├── lerna.json
├── package.json
└── README.md

初始化物料依赖包

$ cd melon
$ cnpm i# 安装了23个依赖包

安装日志

\ [22/23] Installing [email protected] unsupported [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › fsevents@^1.1.2 Package require os(darwin) not compatible with your platform(win32)
[fsevents@^1.1.2] optional install error: Package require os(darwin) not compatible with your platform(win32)
√ Installed 23 packages
√ Linked 1107 latest versions
This does not seem to be a git project.
Although ghooks was installed, the actual git hooks have not.
Run "git init" and then "npm explore ghooks -- npm run install".

Please ignore this message if you are not using ghooks directly.
Cached binary found at C:\Users\Administrator\.npminstall_tarball\node-sass\4.9.0\win32-x64-57_binding.node
Binary found at X:\XX\XX\melon\node_modules\_[email protected]@node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
√ Run 3 scripts
peerDependencies link [email protected] in X:\XX\XX\melon\node_modules\_[email protected]@ajv-keywords unmet with X:\XX\XX\melon\node_modules\ajv(6.5.0)
peerDependencies WARNING [email protected] › [email protected] › redbox-react@^1.3.6 requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.0-beta || ^16.0.0 but none was installed
peerDependencies WARNING [email protected] › [email protected] › redbox-react@^1.3.6 requires a peer of react-dom@^0.14.0 || ^15.0.0 || ^16.0.0-beta || ^16.0.0 but none was installed
deprecate [email protected] › [email protected] › gulp-util@^3.0.0 gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
deprecate [email protected] › [email protected] › [email protected] › graceful-fs@^3.0.0 please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
deprecate [email protected] › [email protected] › [email protected] › [email protected] › minimatch@^2.0.1 Please update to minimatch 3.0.2 or higher to avoid
a RegExp DoS issue
deprecate [email protected] › [email protected] › [email protected] › [email protected] › natives@^1.1.0 This module relies on Node.js's internals and will break at some point. Do not use it, and update to [email protected].
deprecate [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › minimatch@~0.2.11 Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
deprecate [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › [email protected] › graceful-fs@~1.2.0 please
upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
deprecate [email protected] › [email protected] › [email protected] › @types/commander@^2.11.0 This is a stub types definition for commander (https://github.com/tj/commander.js). commander provides its own type definitions, so you don't need @types/commander installed!
Recently updated (since 2018-05-05): 18 packages (detail see file X:\XX\XX\melon\node_modules\.recently_updates.txt)
  Today:
    → [email protected] › eslint-plugin-react@^7.5.1(7.8.1) (07:54:21)
√ All packages installed (1326 packages installed from npm registry, used 1m, speed 140.66kB/s, json 1130(8.46MB), tarball 302.48kB)

启动项目

请注意window和linux电脑中指令不同。

# 如果是linux用户
$ ice-devtools start

# 如果是window用户
$ ice-devtools-start

# 举例，因为我是window用户，所以我执行的是命令是
$ ice-devtools-start

启动成功控制台日志输出，这个不会自动打开对应端口，所以需要手动访问localhost:8080

i ｢hot｣: webpack: Compiling...
(node:6548) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
i ｢hot｣: WebSocket Server Listening at localhost:8081
i ｢serve｣: Project is running at http://localhost:8080
i ｢serve｣: Server URI copied to clipboard
i ｢hot｣: webpack: Compiling Done
i ｢wdm｣: Hash: 054cfad3bc5da4953844
Version: webpack 4.8.2
Time: 13572ms
     Asset     Size   Chunks             Chunk Names
package.js  165 KiB  package  [emitted]  package
i ｢wdm｣: Compiled successfully.

启动项目效果

尝试添加物料

请注意window和linux电脑中指令不同，新建一个终端，执行以下命令。

# 如果是linux用户
$ ice-devtools add

# 如果是window用户
$ ice-devtools-add

# 举例，因为我是window用户，所以我执行的是命令是
$ ice-devtools-add
? Please select material type (Use arrow keys)
> 区块(block)
  布局(layout)
  模板(scaffold)
? 名称(name) (ExampleBlock) BasicNotFound
? title 404 报错提示
? version 1.0.0 # 有些不用修改默认值的可以直接按enter
? description 基于element-ui组件的404 报错提示
? categories (Press <space> to select, <a> to toggle all, <i> to inverse selection)
 ( ) 表格
 ( ) 表单
 ( ) 图表
 ( ) 列表
 ( ) 模态框
 ( ) 筛选
 ( ) 数据展示
 ( ) 信息展示
>(*) 异常
 ( ) 欢迎页
 ( ) 视频
 ( ) 其他
(Move up and down to reveal more choices)
? author mowatermelon <[email protected]> # 有些不用修改默认值的可以直接按enter
   ice-devtools · Generated "BasicNotFound".

# 放上我写完所有询问之后的控制台内容

$ ice-devtools-add
? Please select material type 区块(block)
? 名称(name) BasicNotFound
? title 404 报错提示
? version 1.0.0
? description 基于element-ui组件的404 报错提示
? categories 异常
? author mowatermelon <[email protected]>
   ice-devtools · Generated "BasicNotFound".

# 这边提示说我需要安装一个finished的依赖包
npm notice created a lockfile as package-lock.json. You should commit this file.


   npm install finished

# 乖乖安装
$ cnpm install finished
√ Installed 1 packages
√ Linked 1 latest versions
√ Run 0 scripts
√ All packages installed (2 packages installed from npm registry, used 366ms, speed 9.25kB/s, json 2(3.38kB), tarball 0B)

# 后来想了一下

npm install finished # 只是通知我新物料区块的依赖包安装完成了，好心累，看到install就认为是安装了。

查看新物料文件结构

└── BasicNotFound
    ├── README.md               // 说明文档
    ├── package-lock.json            // pkg-lock.json
    ├── package.json            // pkg.json
    └── src                     // source 源码目录
        ├── BasicNotFound.vue
        └── index.js            // 模块入口

新建其他物料

同样的步骤，新建EmptyContent，NotPermission和BasicException物料。

正式coding

确定DOM结构

以BasicNotFound区块为例

  <div class="exception-content">
    <div class="flex-container align-items-center justify-content-center exception-content">
      <img src="https://img.alicdn.com/tfs/TB1txw7bNrI8KJjy0FpXXb5hVXa-260-260.png" class="imgException"/>
      <div>
        <h3 class="title">抱歉，你访问的页面不存在</h3>
        <p class="description" >您要找的页面没有找到，请返回
          <router-link to="/">首页</router-link>继续浏览
        </p>
      </div>
    </div>
  </div>

编写样式

以BasicNotFound区块为例，我更习惯用scss，所以这里用的是scss。

<style lang="scss" scoped>
/**flex相关 */
.flex-container{
  display: flex;
}
.align-items-center{
  align-items: center;
}
.justify-content-center{
  justify-content: center
}

.exception-content {
  .title {
    color: rgb(51, 51, 51);
  }
  .description {
    color: rgb(102, 102, 102);
  }
}
@media screen and (max-width: 1199px) and (min-width: 721px) {
  .exception-content {
    .imgException {
      max-width: 180px;
      margin-right: 30px;
    }
    .title {
      font-size: 20px;
      margin: 10px 0;
    }
    .description {
      font-size: 14px;
    }
  }
}
@media screen and (min-width: 1200px) {
  .exception-content {
    .imgException {
      max-width: 260px;
      margin-right: 50px;
    }
    .title {
      font-size: 24px;
      margin: 20px 0;
    }
    .description {
      font-size: 16px;
    }
  }
}
</style>

删除多余代码

完整代码预览

<template>
  <div className="basic-not-found">
    <basic-container>
      <div class="exception-content">
        <div class="flex-container align-items-center justify-content-center exception-content">
          <img src="https://img.alicdn.com/tfs/TB1txw7bNrI8KJjy0FpXXb5hVXa-260-260.png" class="imgException"/>
          <div>
            <h3 class="title">抱歉，你访问的页面不存在</h3>
            <p class="description" >您要找的页面没有找到，请返回
              <router-link to="/">首页</router-link>继续浏览
            </p>
          </div>
        </div>
      </div>
    </basic-container>
  </div>
</template>

<script>
import BasicContainer from '@vue-materials/basic-container'

export default {
  components: { BasicContainer },
  name: 'BasicNotFound',
  data() {
    return {}
  }
}

</script>

<style lang="scss" scoped>
/**flex相关 */
.flex-container{
  display: flex;
}
.align-items-center{
  align-items: center;
}
.justify-content-center{
  justify-content: center
}

.exception-content {
  .title {
    color: rgb(51, 51, 51);
  }
  .description {
    color: rgb(102, 102, 102);
  }
}
@media screen and (max-width: 1199px) and (min-width: 721px) {
  .exception-content {
    .imgException {
      max-width: 180px;
      margin-right: 30px;
    }
    .title {
      font-size: 20px;
      margin: 10px 0;
    }
    .description {
      font-size: 14px;
    }
  }
}
@media screen and (min-width: 1200px) {
  .exception-content {
    .imgException {
      max-width: 260px;
      margin-right: 50px;
    }
    .title {
      font-size: 24px;
      margin: 20px 0;
    }
    .description {
      font-size: 16px;
    }
  }
}
</style>

同样编写其他物料

预览效果

vue-materials页预览

浏览器路径http://localhost:8080/vue-materials

BasicNotFound页预览

浏览器路径http://localhost:8080/vue-materials/block/BasicNotFound

BasicException页预览

浏览器路径http://localhost:8080/vue-materials/block/BasicException

EmptyContent页预览

浏览器路径http://localhost:8080/vue-materials/block/EmptyContent

NotPermission页预览

浏览器路径http://localhost:8080/vue-materials/block/NotPermission

给组件添加说明

README.md

以BasicNotFound为例，主要是要添加效果截图路径。

# basic-not-found

简介：404 报错提示

基于element-ui组件的404 报错提示

![截图](https://user-images.githubusercontent.com/18508817/39957530-079e45d0-5627-11e8-8beb-3fa577f25966.png)

package.json

以BasicNotFound为例，主要是要添加效果截图路径。

{
  "name": "@vue-materials/basic-not-found-block",
  "version": "1.0.0",
  "description": "基于element-ui组件的404 报错提示",
  "author": "mowatermelon <[email protected]>",
  "files": [
    "src/",
    "lib/"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/alibaba/ice"
  },
  "license": "MIT",
  "keywords": [
    "ice",
    "vue",
    "block"
  ],
  "publishConfig": {
    "access": "public",
    "registry": "http://registry.npmjs.com"
  },
  "dependencies": {
    "@vue-materials/basic-container": "^1.0.0",
    "vue": "^2.5.16"
  },
  "blockConfig": {
    "name": "basic-not-found",
    "title": "404 报错提示",
    "categories": [
      "异常"
    ],
    "screenshot": "https://user-images.githubusercontent.com/18508817/39957530-079e45d0-5627-11e8-8beb-3fa577f25966.png"
  }
}

同理给其他物料添加说明

准备发布

下载官方仓库

回到根基文件夹，在melon同级目录下clone官方仓库，安装相关依赖，并且启动项目

// clone 官方仓库
$ git clone https://github.com/alibaba/ice.git
$ npm install
$ npm run start

迁移文件

将之前在melon\vue-materials\blocks的文件迁移到ice\vue-materials\blocks下

提交代码前准备

# 先创建开发分支开发，分支名应该有含义，避免使用 update、tmp 之类的
$ git checkout -b branch-name

# 举例
$ git checkout -b melon-template

# 开发完成后可以运行 lint 检查语法
$ npm run lint

小插曲

由于我电脑最近重装了系统，这边提示我eslint没有安装。

> [email protected] lint X:\XX\XX\ice
> npm run lint:nofix -- --fix


> [email protected] lint:nofix X:\XX\XX\ice
> eslint --cache --ext .js .vue .jsx react-materials vue-materials "--fix"

'eslint' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint:nofix: `eslint --cache --ext .js .vue .jsx react-materials vue-materials "--fix"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint:nofix script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_29_47_891Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint: `npm run lint:nofix -- --fix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_29_47_992Z-debug.log

乖乖安装

# 提交代码，message 见下面的规范
$ cnpm i eslint -g

安装日志

Downloading eslint to X:\XX\XX\node_global\node_modules\eslint_tmp
Copying X:\XX\XX\node_global\node_modules\eslint_tmp\_[email protected]@eslint to X:\XX\XX\node_global\node_modules\eslint
Installing eslint's dependencies to X:\XX\XX\node_global\node_modules\eslint/node_modules
[1/38] eslint-visitor-keys@^1.0.0 installed at node_modules\[email protected]@eslint-visitor-keys
[2/38] debug@^3.1.0 installed at node_modules\[email protected]@debug
[3/38] eslint-scope@^3.7.1 installed at node_modules\[email protected]@eslint-scope
[4/38] esutils@^2.0.2 existed at node_modules\[email protected]@esutils
[5/38] doctrine@^2.1.0 installed at node_modules\[email protected]@doctrine
[6/38] esquery@^1.0.0 installed at node_modules\[email protected]@esquery
[7/38] ajv@^5.3.0 installed at node_modules\[email protected]@ajv
[8/38] cross-spawn@^5.1.0 installed at node_modules\[email protected]@cross-spawn
[9/38] functional-red-black-tree@^1.0.1 installed at node_modules\[email protected]@functional-red-black-tree
[10/38] globals@^11.0.1 installed at node_modules\[email protected]@globals
[11/38] espree@^3.5.4 installed at node_modules\[email protected]@espree
[12/38] concat-stream@^1.6.0 installed at node_modules\[email protected]@concat-stream
[13/38] chalk@^2.1.0 installed at node_modules\[email protected]@chalk
[14/38] imurmurhash@^0.1.4 installed at node_modules\[email protected]@imurmurhash
[15/38] is-resolvable@^1.0.0 installed at node_modules\[email protected]@is-resolvable
[16/38] ignore@^3.3.3 installed at node_modules\[email protected]@ignore
[17/38] babel-code-frame@^6.22.0 installed at node_modules\[email protected]@babel-code-frame
[18/38] json-stable-stringify-without-jsonify@^1.0.1 installed at node_modules\[email protected]@json-stable-stringify-without-jsonify
[19/38] minimatch@^3.0.2 existed at node_modules\[email protected]@minimatch
[20/38] natural-compare@^1.4.0 installed at node_modules\[email protected]@natural-compare
[21/38] path-is-inside@^1.0.2 installed at node_modules\[email protected]@path-is-inside
[22/38] mkdirp@^0.5.1 installed at node_modules\[email protected]@mkdirp
[23/38] pluralize@^7.0.0 installed at node_modules\[email protected]@pluralize
[24/38] js-yaml@^3.9.1 installed at node_modules\[email protected]@js-yaml
[25/38] progress@^2.0.0 installed at node_modules\[email protected]@progress
[26/38] strip-ansi@^4.0.0 existed at node_modules\[email protected]@strip-ansi
[27/38] glob@^7.1.2 installed at node_modules\[email protected]@glob
[28/38] optionator@^0.8.2 installed at node_modules\[email protected]@optionator
[29/38] levn@^0.3.0 installed at node_modules\[email protected]@levn
[30/38] lodash@^4.17.4 installed at node_modules\[email protected]@lodash
[31/38] semver@^5.3.0 installed at node_modules\[email protected]@semver
[32/38] regexpp@^1.0.1 installed at node_modules\[email protected]@regexpp
[33/38] file-entry-cache@^2.0.0 installed at node_modules\[email protected]@file-entry-cache
[34/38] strip-json-comments@~2.0.1 installed at node_modules\[email protected]@strip-json-comments
[35/38] text-table@~0.2.0 installed at node_modules\[email protected]@text-table
[36/38] inquirer@^3.0.6 installed at node_modules\[email protected]@inquirer
[37/38] require-uncached@^1.0.3 installed at node_modules\[email protected]@require-uncached
[38/38] [email protected] installed at node_modules\[email protected]@table
Recently updated (since 2018-05-05): 2 packages (detail see file X:\XX\XX\node_global\node_modules\eslint\node_modules\.recently_updates.txt)
  2018-05-08
    → [email protected] › lru-cache@^4.0.1(4.1.3) (07:17:11)
    → [email protected] › [email protected] › iconv-lite@^0.4.17(0.4.23) (06:22:24)
All packages installed (140 packages installed from npm registry, used 5s, speed 555.28kB/s, json 134(679.48kB), tarball 2.29MB)
[[email protected]] link X:\XX\XX\node_global\eslint@ -> X:\XX\XX\node_global\node_modules\eslint\bin\eslint.js

再次尝试

卒

$ npm run lint
> [email protected] lint F:\documentBak\idea\iceworks\iceType\ice
> npm run lint:nofix -- --fix


> [email protected] lint:nofix F:\documentBak\idea\iceworks\iceType\ice
> eslint --cache --ext .js .vue .jsx react-materials vue-materials "--fix"


Oops! Something went wrong! :(

ESLint: 4.19.1.
ESLint couldn't find the plugin "eslint-plugin-react". This can happen for a couple different reasons:

1. If ESLint is installed globally, then make sure eslint-plugin-react is also installed globally. A globally-installed ESLint cannot find a locally-installed plugin.

2. If ESLint is installed locally, then it's likely that the plugin isn't installed correctly. Try reinstalling by running the following:

    npm i eslint-plugin-react@latest --save-dev

If you still can't figure out the problem, please stop by https://gitter.im/eslint/eslint to chat with the team.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint:nofix: `eslint --cache --ext .js .vue .jsx react-materials vue-materials "--fix"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint:nofix script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_34_22_422Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint: `npm run lint:nofix -- --fix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_34_23_254Z-debug.log

修改指令

上面错误说建议npm i eslint-plugin-react@latest --save-dev，我只管vue物料，看了一下package.json

"lint": "npm run lint:nofix -- --fix",
"lint:nofix": "eslint --cache --ext .js .vue .jsx react-materials vue-materials",

修改为

"lint": "npm run lint:nofix -- --fix",
"lint:nofix": "eslint --cache --ext .js .vue vue-materials",

再次尝试

卒

$ npm run lint


> [email protected] lint F:\documentBak\idea\iceworks\iceType\ice
> npm run lint:nofix -- --fix


> [email protected] lint:nofix F:\documentBak\idea\iceworks\iceType\ice
> eslint --cache --ext .js .vue vue-materials "--fix"

Cannot find module '@vue/eslint-config-airbnb'
Referenced from: F:\documentBak\idea\iceworks\iceType\ice\vue-materials\.eslintrc.js
Error: Cannot find module '@vue/eslint-config-airbnb'
Referenced from: F:\documentBak\idea\iceworks\iceType\ice\vue-materials\.eslintrc.js
    at ModuleResolver.resolve (X:\XX\XX\node_global\node_modules\eslint\lib\util\module-resolver.js:74:19)
    at resolve (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:479:28)
    at load (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:551:26)
    at configExtends.reduceRight (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:425:36)
    at Array.reduceRight (<anonymous>)
    at applyExtends (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:403:26)
    at loadFromDisk (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:523:22)
    at Object.load (X:\XX\XX\node_global\node_modules\eslint\lib\config\config-file.js:559:20)
    at Config.getLocalConfigHierarchy (X:\XX\XX\node_global\node_modules\eslint\lib\config.js:227:44)
    at Config.getConfigHierarchy (X:\XX\XX\node_global\node_modules\eslint\lib\config.js:179:43)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint:nofix: `eslint --cache --ext .js .vue vue-materials "--fix"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint:nofix script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_44_03_122Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] lint: `npm run lint:nofix -- --fix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] lint script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     X:\XX\XX\node_cache\_logs\2018-05-12T13_44_03_179Z-debug.log

直接提交

没有访问权限https://github.com/alibaba/ice.git权限。

换种提交方式

fork ice 仓库到自己账号下
添加melon-template分支
执行git clone -b melon-template https://github.com/mowatermelon/ice.git
执行git remote add upstream '[email protected]:alibaba/ice.git，这个后期看好像不是非必要步骤。
将之前写的四个区块，迁移到项目中来
分四次添加commit

feat: vue materials BasicException blocks
feat: vue materials BasicNotFound blocks
feat: vue materials EmptyContent blocks
feat: vue materials NotPermission blocks

push到我的remote仓库
在自己仓库中会看到一个说我这边和主ice那边有版本差异，可以提pr
点击提pr，进入pr页面

移除最后一个项目控制台报错

系统 win7
node V8.9.3

操作步骤

启动一个项目启动调试服务
选择页面上的项目移除按钮，在点击之后，没有出现任何确认弹窗，直接被删除了
正在运行的项目，点击移除按钮，应该出现弹窗提示，项目正在调试中，请确认是否移除
正常状态下，选择移除按钮，应该出现确认提示，是否删除本地项目文件夹。

Weekly Digest (2 February, 2020 - 9 February, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

尝试编辑小程序游戏控件

主页面设计

领奖页面设计

Weekly Digest (11 April, 2019 - 18 April, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (3 May, 2020 - 10 May, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (16 June, 2019 - 23 June, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (26 May, 2019 - 2 June, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (13 October, 2019 - 20 October, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (29 September, 2019 - 6 October, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

初始化项目依赖之后，使用npm run start报错

错误产生过程

之前理解就是已经在icework中初始化了依赖，不想在icework和VSCode中来回跑，就直接在VSCode控制台输入npm run start,结果报错说node-sass有问题。

官方建议解决办法

在控制台中重新npm rebuild node-sass就好

成功解决效果图

使用npm rebuild node-sass之后，iceWork服务不能正常启动

在控制台中启动项目调试之后，再使用iceWork选择页面模版和启动调试服务

desktop 分支代码启动项目问题

因为我本地项目文件的包含关系和官方不同，这边启动项目会出错。

css代码学习

.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave {
	display: block
}

.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter {
	opacity: 0;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
	animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.rc-tooltip-zoom-leave {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
	animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active {
	-webkit-animation-name: rcToolTipZoomIn;
	animation-name: rcToolTipZoomIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
	-webkit-animation-name: rcToolTipZoomOut;
	animation-name: rcToolTipZoomOut;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@-webkit-keyframes rcToolTipZoomIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0,0);
		transform: scale(0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@keyframes rcToolTipZoomIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0,0);
		transform: scale(0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@-webkit-keyframes rcToolTipZoomOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0,0);
		transform: scale(0,0)
	}
}

@keyframes rcToolTipZoomOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0,0);
		transform: scale(0,0)
	}
}

本地服务和ice服务同时启动

操作步骤

在编辑器中启动服务，端口为3333，出现notification提示调试服务启动成功，ice界面也显示本地调试服务已启动，显示了3333端口地址
我对上一条的理解是，ice可以检测到本地服务的启动，两个调试服务对接了
选择新建页面功能按钮，进入新建页面功能页，未做任何操作，出现预览页面失败notification提示
出现预览页面失败提示之后，过了几秒，弹出了调试服务启动成功的notification，这个时候端口号对应的是4444
回到项目管理页面，显示本地调试服务已启动，显示的4444端口地址

js代码学习

g(b, [{
                    key: "render",
                    value: function() {
                        return i.
                    default.createElement("div", {
                            className: "about"
                        }, i.
                    default.createElement("div", {
                            key: "r1",
                            className: "about-body"
                        }, i.
                    default.createElement("div", {
                            className: "logo"
                        }, i.
                    default.createElement("img", {
                            src: c(877),
                            height: 64
                        })), i.
                    default.createElement("div", {
                            className: "appname"
                        }, i.
                    default.createElement("b", null, k)), i.
                    default.createElement("div", {
                            className: "version"
                        }, "\u7248\u672C ", this.state.version), i.
                    default.createElement("div", {
                            className: "copyright"
                        }, "\u7248\u6743\u6240\u6709 \xA9 2018 \u963F\u91CC\u5DF4\u5DF4\u96C6\u56E2 \u4FDD\u7559\u6240\u6709\u6743\u5229")))
                    }
                }])

Weekly Digest (12 April, 2020 - 19 April, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Weekly Digest (6 October, 2019 - 13 October, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

ice-devtools不被支持

ice-devtools已经不被支持了吗？请问该如何下载区块来使用？我根据文档教程的方式来进行但不成功。
https://github.com/ice-lab/react-materials

项目源码下执行启动启动不成功

$ node main/index.js
module.js:538
    throw err;
    ^

Error: Cannot find module 'electron'
    at Function.Module._resolveFilename (module.js:536:15)
    at Function.Module._load (module.js:466:25)
    at Module.require (module.js:579:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (X:xx\node_modules\electron-settings\lib\settings.js:11:18)
    at Module._compile (module.js:635:30)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)

ice-vue 环境安装记录

D:\Users\Administrator>cnpm install ice-devtools@beta -g
Downloading ice-devtools to D:\Program Files\nodejs\node_global\node_modules\ice
-devtools_tmp
Copying D:\Program Files\nodejs\node_global\node_modules\ice-devtools_tmp\_ice-d
evtools@1.0.0-beta.15@ice-devtools to D:\Program Files\nodejs\node_global\node_m
odules\ice-devtools
Installing ice-devtools's dependencies to D:\Program Files\nodejs\node_global\no
de_modules\ice-devtools/node_modules
[1/54] async@^2.6.0 installed at node_modules\_async@2.6.0@async
[2/54] babel-plugin-transform-lib-import@^0.1.0 installed at node_modules\_babel
-plugin-transform-lib-import@0.1.0@babel-plugin-transform-lib-import
[3/54] babel-plugin-transform-es2015-modules-commonjs@^6.26.0 installed at node_
modules\_babel-plugin-transform-es2015-modules-commonjs@6.26.0@babel-plugin-tran
sform-es2015-modules-commonjs
[4/54] babel-preset-react@^6.24.1 installed at node_modules\_babel-preset-react@
6.24.1@babel-preset-react
[5/54] debug@^2.6.3 existed at node_modules\_debug@2.6.9@debug
[6/54] chalk@^1.1.3 installed at node_modules\_chalk@1.1.3@chalk
[7/54] consolidate@^0.15.1 installed at node_modules\_consolidate@0.15.1@consoli
date
[8/54] babel-plugin-transform-export-extensions@^6.22.0 installed at node_module
s\_babel-plugin-transform-export-extensions@6.22.0@babel-plugin-transform-export
-extensions
[9/54] ejs@^2.5.6 installed at node_modules\_ejs@2.5.8@ejs
[10/54] babel-preset-es2015@^6.24.1 installed at node_modules\_babel-preset-es20
15@6.24.1@babel-preset-es2015
[11/54] babel-preset-stage-0@^6.24.1 installed at node_modules\_babel-preset-sta
ge-0@6.24.1@babel-preset-stage-0
[12/54] babel-core@^6.26.0 installed at node_modules\_babel-core@6.26.0@babel-co
re
[13/54] babel-preset-env@^1.6.1 installed at node_modules\_babel-preset-env@1.6.
1@babel-preset-env
[14/54] extract-text-webpack-plugin@^4.0.0-beta.0 installed at node_modules\_ext
ract-text-webpack-plugin@4.0.0-beta.0@extract-text-webpack-plugin
[15/54] glob@^7.1.1 installed at node_modules\_glob@7.1.2@glob
[16/54] kebab-case@^1.0.0 installed at node_modules\_kebab-case@1.0.0@kebab-case

[17/54] glob-promise@^3.4.0 installed at node_modules\_glob-promise@3.4.0@glob-p
romise
[18/54] mkdirp@^0.5.1 existed at node_modules\_mkdirp@0.5.1@mkdirp
[19/54] koa-router@^7.4.0 installed at node_modules\_koa-router@7.4.0@koa-router

[20/54] inquirer@^3.3.0 installed at node_modules\_inquirer@3.3.0@inquirer
[21/54] moment@^2.22.0 installed at node_modules\_moment@2.22.0@moment
[22/54] multimatch@^2.1.0 installed at node_modules\_multimatch@2.1.0@multimatch

[23/54] html-webpack-plugin@^3.1.0 installed at node_modules\_html-webpack-plugi
n@3.2.0@html-webpack-plugin
[24/54] handlebars@^4.0.11 installed at node_modules\_handlebars@4.0.11@handleba
rs
fsevents@1.1.3 download from binary mirror: {"module_name":"fse","module_path":"
./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{
version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}
.tar.gz","host":"https://npm.taobao.org/mirrors/fsevents"}
platform unsupported babel-loader@7.1.4 › webpack@4.5.0 › watchpack@1.5.0 › chok
idar@2.0.3 › fsevents@^1.1.2 Package require os(darwin) not compatible with your
 platform(win32)
[fsevents@^1.1.2] optional install error: Package require os(darwin) not compati
ble with your platform(win32)
[25/54] babel-loader@^7.1.4 installed at node_modules\_babel-loader@7.1.4@babel-
loader
[26/54] rimraf@^2.6.1 existed at node_modules\_rimraf@2.6.2@rimraf
[27/54] download-git-repo@^1.0.2 installed at node_modules\_download-git-repo@1.
0.2@download-git-repo
[28/54] read-metadata@^1.0.0 installed at node_modules\_read-metadata@1.0.0@read
-metadata
[29/54] semver@^5.3.0 existed at node_modules\_semver@5.5.0@semver
[30/54] css-loader@^0.28.11 installed at node_modules\_css-loader@0.28.11@css-lo
ader
[31/54] metalsmith@^2.3.0 installed at node_modules\_metalsmith@2.3.0@metalsmith

[32/54] style-loader@^0.20.3 installed at node_modules\_style-loader@0.20.3@styl
e-loader
[33/54] uppercamelcase@^3.0.0 installed at node_modules\_uppercamelcase@3.0.0@up
percamelcase
[34/54] user-home@^2.0.0 installed at node_modules\_user-home@2.0.0@user-home
[35/54] tildify@^1.2.0 installed at node_modules\_tildify@1.2.0@tildify
[36/54] request-promise@^4.2.2 installed at node_modules\_request-promise@4.2.2@
request-promise
[37/54] uuid@^3.0.1 installed at node_modules\_uuid@3.2.1@uuid
[38/54] tar@^2.2.1 installed at node_modules\_tar@2.2.1@tar
[39/54] koa-views@^6.1.4 installed at node_modules\_koa-views@6.1.4@koa-views
[40/54] webpack@^4.4.1 existed at node_modules\_webpack@4.5.0@webpack
[41/54] ora@^2.0.0 installed at node_modules\_ora@2.0.0@ora
[42/54] vue-style-loader@^4.1.0 installed at node_modules\_vue-style-loader@4.1.
0@vue-style-loader
[43/54] request@^2.85.0 installed at node_modules\_request@2.85.0@request
[44/54] webpack-plugin-import@^0.1.2 installed at node_modules\_webpack-plugin-i
mport@0.1.2@webpack-plugin-import
[45/54] webpack-merge@^4.1.2 installed at node_modules\_webpack-merge@4.1.2@webp
ack-merge
[46/54] validate-npm-package-name@^3.0.0 installed at node_modules\_validate-npm
-package-name@3.0.0@validate-npm-package-name
[47/54] sass-loader@^6.0.7 installed at node_modules\_sass-loader@6.0.7@sass-loa
der
[48/54] write@^0.3.3 installed at node_modules\_write@0.3.3@write
[49/54] vue-template-compiler@^2.5.16 installed at node_modules\_vue-template-co
mpiler@2.5.16@vue-template-compiler
[50/54] webpack-hot-client@^2.2.0 installed at node_modules\_webpack-hot-client@
2.2.2@webpack-hot-client
[51/54] vue-loader@^14.2.2 installed at node_modules\_vue-loader@14.2.2@vue-load
er
[52/54] node-sass@^4.8.3 installed at node_modules\_node-sass@4.8.3@node-sass
[53/54] webpack-dev-server@^3.1.1 installed at node_modules\_webpack-dev-server@
3.1.3@webpack-dev-server
[54/54] webpack-serve@^0.3.1 installed at node_modules\_webpack-serve@0.3.1@webp
ack-serve
execute post install 1 scripts...
[1/1] scripts.install node-sass@^4.8.3 run "node scripts/install.js"
Cached binary found at D:\Users\Administrator\.npminstall_tarball\node-sass\4.8.
3\win32-x64-57_binding.node
[1/1] scripts.install node-sass@^4.8.3 finished in 1s
[1/1] scripts.postinstall node-sass@^4.8.3 run "node scripts/build.js"
Binary found at D:\Program Files\nodejs\node_global\node_modules\ice-devtools\no
de_modules\_node-sass@4.8.3@node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
[1/1] scripts.postinstall node-sass@^4.8.3 finished in 907ms
deprecate babel-preset-es2015@^6.24.1 ????  Thanks for using Babel: we recommend
 using babel-preset-env now: please read babeljs.io/env to update!
deprecate metalsmith@2.3.0 › gray-matter@2.1.1 › coffee-script@^1.12.4 CoffeeScr
ipt on NPM has moved to "coffeescript" (no hyphen)
Recently updated (since 2018-04-06): 29 packages (detail see file D:\Program Fil
es\nodejs\node_global\node_modules\ice-devtools\node_modules\.recently_updates.t
xt)
  2018-04-12
    → babel-preset-env@1.6.1 › browserslist@2.11.3 › caniuse-lite@^1.0.30000792
(1.0.30000828) (14:01:03)
    → html-webpack-plugin@3.2.0 › html-minifier@3.5.14 › uglify-js@3.3.x(3.3.21
) (16:47:09)
    → css-loader@0.28.11 › cssnano@3.10.0 › autoprefixer@6.7.7 › caniuse-db@^1.
0.30000634(1.0.30000828) (13:46:51)
    → vue-loader@14.2.2 › resolve@^1.4.0(1.7.1) (15:42:57)
    → vue-loader@14.2.2 › prettier@^1.7.0(1.12.0) (12:28:53)
  2018-04-11
    → babel-loader@7.1.4 › webpack@4.5.0 › neo-async@^2.5.0(2.5.1) (13:09:05)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › create-hash@^1.1.0(1.2.0) (20:54:24)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › diffie-hellman@^5.0.0(5.0.3) (20:03:30)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › public-encrypt@^4.0.0(4.0.2) (20:24:40)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › create-ecdh@^4.0.0(4.0.1) (20:11:47)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › create-hmac@^1.1.0(1.1.7) (20:31:20)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › browserify-cipher@^1.0.0(1.0.1) (20:05:37)
    → glob-promise@3.4.0 › @types/glob@5.0.35 › @types/node@*(9.6.4) (04:49:23)

    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › browserify-sign@4.0.4 › parse-asn1@^5.0.0(5.1.1) (20:22:40)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › browserify-cipher@1.0.1 › browserify-des@^1.0.0(1.0.1) (20:02:0
7)
    → babel-loader@7.1.4 › webpack@4.5.0 › node-libs-browser@2.1.0 › crypto-bro
wserify@3.12.0 › browserify-sign@4.0.4 › elliptic@6.4.0 › minimalistic-assert@^1
.0.0(1.0.1) (20:21:23)
    → webpack-serve@0.3.1 › nanobus@4.3.3 › nanotiming@^7.2.0(7.3.1) (19:15:50)

    → webpack-serve@0.3.1 › koa-webpack@3.0.2 › webpack-dev-middleware@3.1.2 ›
mime@^2.1.0(2.3.1) (21:30:15)
  2018-04-09
    → babel-core@6.26.0 › babel-register@6.26.0 › core-js@^2.5.0(2.5.5) (11:28:
30)
    → webpack-hot-client@^2.2.0(2.2.2) (06:15:54)
    → webpack-hot-client@2.2.2 › loglevelnext@^1.0.2(1.0.4) (21:46:01)
    → webpack-serve@0.3.1 › cosmiconfig@4.0.0 › require-from-string@^2.0.1(2.0.
2) (17:49:47)
  2018-04-08
    → babel-loader@7.1.4 › webpack@4.5.0 › micromatch@3.1.10 › braces@^2.3.1(2.
3.2) (22:21:51)
    → html-webpack-plugin@3.2.0 › html-minifier@^3.2.3(3.5.14) (03:51:32)
    → inquirer@3.3.0 › external-editor@2.2.0 › iconv-lite@0.4.21 › safer-buffer
@^2.1.0(2.1.2) (18:42:42)
    → request@2.85.0 › aws4@^1.6.0(1.7.0) (06:24:14)
    → ora@2.0.0 › cli-spinners@^1.1.0(1.3.1) (17:15:22)
    → webpack-dev-server@^3.1.1(3.1.3) (16:32:41)
  2018-04-07
    → inquirer@3.3.0 › external-editor@2.2.0 › iconv-lite@^0.4.17(0.4.21) (12:3
1:13)
All packages installed (1108 packages installed from npm registry, used 1m, spee
d 419.79kB/s, json 981(11.85MB), tarball 20.23MB)
[ice-devtools@1.0.0-beta.15] link D:\Program Files\nodejs\node_global\ice-devtoo
ls@ -> D:\Program Files\nodejs\node_global\node_modules\ice-devtools\bin\index.j
s
[ice-devtools@1.0.0-beta.15] link D:\Program Files\nodejs\node_global\ice-devtoo
ls-init@ -> D:\Program Files\nodejs\node_global\node_modules\ice-devtools\bin\in
it.js
[ice-devtools@1.0.0-beta.15] link D:\Program Files\nodejs\node_global\ice-devtoo
ls-add@ -> D:\Program Files\nodejs\node_global\node_modules\ice-devtools\bin\add
.js
[ice-devtools@1.0.0-beta.15] link D:\Program Files\nodejs\node_global\ice-devtoo
ls-start@ -> D:\Program Files\nodejs\node_global\node_modules\ice-devtools\bin\d
ev-server.js
[ice-devtools@1.0.0-beta.15] link D:\Program Files\nodejs\node_global\ice-devtoo
ls-generate@ -> D:\Program Files\nodejs\node_global\node_modules\ice-devtools\bi
n\db.js

Weekly Digest (26 January, 2020 - 2 February, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

[Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded

系统 win7
node V8.10.0

操作步骤

选择vue版本，生成vue项目
在页面列表选择，点击add按钮，新增页面。
新页面生成成功，点击http://localhost:4444/，进行预览
选择刚刚生成的页面入口，页面控制台报错vue.runtime.esm.js:588 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded" RangeError: Maximum call stack size exceeded
整个页面完全崩溃，点击其他路由也没有反应

尝试一

关掉页面，重新打开，只点击默认的路由入口，页面一切正常====>只有点击新增的页面路由才有问题

尝试二

在新增页面弹窗中，选择预览效果，页面预览正常====>新页面本身应该是没有问题

尝试三

在新增页面弹窗中，选择login模版，点击http://localhost:4444/，进行预览，点击新增的nav4，预览正常====>vue模版本身新增页面这块逻辑没有问题

尝试四

在新增页面弹窗中，选择login模版，修改相关页面信息

点击http://localhost:4444/，点击新增的navLogin，预览正常。====>vue模版本身新增页面，修改名称这块逻辑没有问题

尝试五

在新增页面弹窗中，选择login模版，修改相关页面信息，将页面名称和组件名称写成一致

点击http://localhost:4444/，点击新增的nav1Login，预览失败，页面控制台报错vue.runtime.esm.js:588 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded" RangeError: Maximum call stack size exceeded
整个页面完全崩溃，点击其他路由也没有反应。====>问题在于新增的页面名称不能和组件名称一样，如果一致，这边就会报错

总结

综上问题在于新增的页面名称不能和组件名称一样，如果一致，这边就会报错，所以在新页面生成的时候需要检查新页面的名称和组件名称是否一致，如果一致，则需要进行提醒，要不然这个新页面预览的时候就会出错。

Weekly Digest (5 May, 2019 - 12 May, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

This week, no issues have been created or closed.

PULL REQUESTS

This week, no pull requests has been proposed by the users.

CONTRIBUTORS

This week, no user has contributed to this repository.

STARGAZERS

This week, no user has starred this repository.

COMMITS

This week, there have been no commits.

RELEASES

This week, no releases were published.

That's all for this week, please watch 👀 and star ⭐ mowatermelon/Use-iceWorks to receive next weekly updates. 😃

Weekly Digest (19 January, 2020 - 26 January, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

选择Analytical模板创建失败

系统
版次 window 10专业版
版本 1709
OS内部版本 162.99.64
node V8.9.1
网络条件一般

操作步骤

打开软件
选择Analytical模板新建项目
选择新建项目地址
程序根据选择路径，自动设置路径项目名称
勾选了同时安装项目依赖
进度一切顺利
当进度条到99的时候出现了长时间的卡顿
当我最初发现卡顿的时候，是20:36
我看到软件日志是在做警告提示而已，就想着那我再等一下
结果日志在输出npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js之后，没有任何日志更新了
软件操作界面进入假死状态，点击新建项目窗体右上的关闭按钮，界面没有任何反应，这个时候时间到了20:50
切换到开发者工具之后，发现控制台有一个报错Uncaught (in promise) undefined index.html#/scaffolds:1

软件日志

[2018-03-14 20:35:59.218] [info] generate project FILE_CREATED 以下文件已经成功创建!
[2018-03-14 20:35:59.218] [info] X:\XXX\Analytical\package.json
[2018-03-14 20:35:59.218] [info] X:\XXX\Analytical\_gitignore
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\.editorconfig
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\.eslintignore
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\.eslintrc
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\generator.json
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\README.md
[2018-03-14 20:35:59.219] [info] X:\XXX\Analytical\mock\application-progress.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\basic-not-found.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\blank-layout.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\flow-statistics.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\header-aside-footer-layout.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\header-aside-footer-responsive-layout.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\header-footer-layout.json
[2018-03-14 20:35:59.220] [info] X:\XXX\Analytical\mock\overview-chart.json
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\mock\progress-data-list.json
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\mock\top-active-chart.json
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\mock\user-stat-chart.json
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\mock\visitors-location-chart.json
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\public\images\logo.png
[2018-03-14 20:35:59.221] [info] X:\XXX\Analytical\public\index.html
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\components\BasicNotFound\BasicNotFound.jsx
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\components\BasicNotFound\index.js
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\components\Footer.jsx
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\components\Header.jsx
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\components\Logo.jsx
[2018-03-14 20:35:59.222] [info] X:\XXX\Analytical\src\index.js
[2018-03-14 20:35:59.223] [info] X:\XXX\Analytical\src\layouts\HeaderFooterLayout\index.js
[2018-03-14 20:35:59.223] [info] X:\XXX\Analytical\src\layouts\HeaderFooterLayout\Layout.jsx
[2018-03-14 20:35:59.223] [info] X:\XXX\Analytical\src\layouts\HeaderFooterLayout\scss\base.scss
[2018-03-14 20:35:59.223] [info] X:\XXX\Analytical\src\layouts\HeaderFooterLayout\scss\dark.scss
[2018-03-14 20:35:59.223] [info] X:\XXX\Analytical\src\layouts\HeaderFooterLayout\scss\light.scss
[2018-03-14 20:35:59.224] [info] X:\XXX\Analytical\src\navs.js
[2018-03-14 20:35:59.224] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\ColumnChart.jsx
[2018-03-14 20:35:59.224] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\FlowStatistics.jsx
[2018-03-14 20:35:59.225] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\FlowStatistics.scss
[2018-03-14 20:35:59.225] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\Head.jsx
[2018-03-14 20:35:59.225] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\index.js
[2018-03-14 20:35:59.225] [info] X:\XXX\Analytical\src\pages\Dashboard\components\FlowStatistics\LineChart.jsx
[2018-03-14 20:35:59.225] [info] X:\XXX\Analytical\src\pages\Dashboard\components\OverviewChart\BarChart.jsx
[2018-03-14 20:35:59.226] [info] X:\XXX\Analytical\src\pages\Dashboard\components\OverviewChart\index.js
[2018-03-14 20:35:59.226] [info] X:\XXX\Analytical\src\pages\Dashboard\components\OverviewChart\LineChart.jsx
[2018-03-14 20:35:59.226] [info] X:\XXX\Analytical\src\pages\Dashboard\components\OverviewChart\OverviewChart.jsx
[2018-03-14 20:35:59.226] [info] X:\XXX\Analytical\src\pages\Dashboard\components\OverviewChart\PieDonutChart.jsx
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\TopActiveChart\index.js
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\TopActiveChart\LineChart.jsx
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\TopActiveChart\TopActiveChart.jsx
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\UserStatChart\index.js
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\UserStatChart\UserStatChart.jsx
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\UserTrafficStastistics\index.js
[2018-03-14 20:35:59.227] [info] X:\XXX\Analytical\src\pages\Dashboard\components\UserTrafficStastistics\UserTrafficStastistics.jsx
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\components\VisitorsLocationChart\index.js
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\components\VisitorsLocationChart\MapChart.jsx
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\components\VisitorsLocationChart\VisitorsLocationChart.jsx
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\Dashboard.jsx
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\Dashboard.scss
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\Dashboard\index.js
[2018-03-14 20:35:59.228] [info] X:\XXX\Analytical\src\pages\NotFound\index.js
[2018-03-14 20:35:59.229] [info] X:\XXX\Analytical\src\pages\NotFound\NotFound.jsx
[2018-03-14 20:35:59.229] [info] X:\XXX\Analytical\src\pages\NotFound\NotFound.scss
[2018-03-14 20:35:59.229] [info] X:\XXX\Analytical\src\routes.jsx
[2018-03-14 20:35:59.229] [info] X:\XXX\Analytical\tests\index.js
[2018-03-14 20:36:30.941] [debug] npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
[2018-03-14 20:36:52.487] [debug] npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
[2018-03-14 20:37:00.510] [debug] npm WARN
[2018-03-14 20:37:00.511] [debug] deprecated @types/[email protected]: This is a stub types definition for commander (https://github.com/tj/commander.js). commander provides its own type definitions, so you don't need @types/commander installed!
[2018-03-14 20:37:10.164] [debug] npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
[2018-03-14 20:37:25.408] [debug] npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
[2018-03-14 20:37:27.688] [debug] npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

新增区块，页面不能预览问题

系统
版次 window 7
node V8.10.0
iceworks 1.4.0
网络条件一般

操作步骤

在ice中选择Analytical模版，新建项目，启动服务，在组件市场中，选择（ApplicationProgress和AssetInfoDisplay）区块，新建一个入口页（NewsPreview），
在编辑器中启动服务，错误提示从需要重新rebuild node-sass 到提示安装就行，提示很友好。

$ npm run start

> @icedesign/scaffold-analytical@1.0.0 start F:\documentbak\4_11\bak\waterAnalytical
> ice dev

ice-scripts 1.2.0
ENOENT: no such file or directory, scandir 'F:\documentbak\4_11\bak\waterAnalytical\node_modules\node-sass\vendor'

ERROR: ice-scripts 已终止
INFO: 当前 node-sass 无法运行
TIPS: 您可以尝试执行以下命令重装修复:
     npm install node-sass

undefined
ice-scripts exited unexpectedly.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @icedesign/scaffold-analytical@1.0.0 start: `ice dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @icedesign/scaffold-analytical@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-04-11T09_25_24_818Z-debug.log

执行npm install node-sass

$ npm install node-sass

> node-sass@4.8.3 install F:\documentbak\4_11\bak\waterAnalytical\node_modules\node-sass
> node scripts/install.js

Cached binary found at D:\Users\Administrator\AppData\Roaming\npm-cache\node-sass\4.8.3\win32-x64-57_binding.node

> node-sass@4.8.3 postinstall F:\documentbak\4_11\bak\waterAnalytical\node_modules\node-sass
> node scripts/build.js

Binary found at F:\documentbak\4_11\bak\waterAnalytical\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN react-transition-group@1.2.1 requires a peer of react-dom@^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN redbox-react@1.5.0 requires a peer of react-dom@^0.14.0 || ^15.0.0 || ^16.0.0-beta || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @icedesign/scaffold-analytical@1.0.0 No repository field.
npm WARN @icedesign/scaffold-analytical@1.0.0 No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ node-sass@4.8.3
updated 10 packages in 61.96s

执行npm run start，端口为3333

$ npm run start

> @icedesign/scaffold-analytical@1.0.0 start F:\documentbak\4_11\bak\waterAnalytical
> ice dev

ice-scripts 1.2.0
sassInfo node-sass      4.8.3   (Wrapper)       [JavaScript]
libsass         3.5.2   (Sass Compiler) [C/C++]
TIPS: package.json 存在 entry 配置
Tip: 使用皮肤包 @icedesign/skin
皮肤 override 文件存在, 添加...
                                         100%
Starting the development server...
    http://localhost:3333
Hash: dc2a7093eff6fae3ae35
Version: webpack 3.11.0
Time: 25080ms
            Asset       Size  Chunks                    Chunk Names
      js/index.js    5.33 MB       0  [emitted]  [big]  index
    css/index.css     381 kB       0  [emitted]  [big]  index
  js/index.js.map    6.09 MB       0  [emitted]         index
css/index.css.map    2.59 MB       0  [emitted]         index
       index.html  653 bytes          [emitted]
Compiled successfully in 25.1s!

编辑器中没有显示服务启动中，是正确结果

Weekly Digest (5 April, 2020 - 12 April, 2020)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

This week, no issues have been created or closed.

PULL REQUESTS

This week, no pull requests has been proposed by the users.

CONTRIBUTORS

This week, no user has contributed to this repository.

STARGAZERS

This week, no user has starred this repository.

COMMITS

This week, there have been no commits.

RELEASES

This week, no releases were published.

That's all for this week, please watch 👀 and star ⭐ mowatermelon/Use-iceWorks to receive next weekly updates. 😃

网络问题

系统 win7
node V8.9.3

初始化项目不成功，在最后安装依赖的时候提示timeout。
新建页面选择预览不成功，软件操作日志中提示有几个依赖包下载，timeout。
新建页面选择创建不成功

Weekly Digest (22 September, 2019 - 29 September, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

node-sass问题

系统 win10
node V8.9.1

在界面初始化项目，提示在执行node-sass相关命令的时候，发生错误，但是删除项目中node-module文件夹，在本地安装依赖，就是好的，不知道是什么原因

Weekly Digest (2 June, 2019 - 9 June, 2019)

Here's the Weekly Digest for mowatermelon/Use-iceWorks:

ISSUES

Last week, no issues were created.

PULL REQUESTS

Last week, no pull requests were created, updated or merged.

COMMITS

Last week there were no commits.

CONTRIBUTORS

Last week there were no contributors.

STARGAZERS

Last week there were no stargazers.

RELEASES

Last week there were no releases.

That's all for last week, please 👀 Watch and ⭐ Star the repository mowatermelon/Use-iceWorks to receive next weekly updates. 😃

You can also view all Weekly Digests by clicking here.

Your Weekly Digest bot. 📆

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.