使用Iceworks的案例代码
- lite模版项目文件,存储在lite分支
- pro模版项目文件,存储在pro分支
- cms模版项目文件,存储在cms分支
- Analytical模版项目文件,存储在Analytical分支
- desktop项目文件,存储在desktop分支
使用Iceworks的案例代码
系统 win7
node V8.9.3
操作步骤
系统 win7
node V8.9.3
操作步骤
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
请问下这代码是哪里解压来的~?后续还会更新么
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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
操作步骤
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
系统
版次 window 10专业版
版本 1709
OS内部版本 162.99.64
node V8.9.1
问题描述
界面上原有设计创建项目成功,初始化依赖成功,和调试服务启动成功等等,都会有对应的notification进行状态提示,但是我这个系统版本下,一次都没有出现过notification。
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
在创建项目过程中,最后一个步骤是依赖安装中
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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)
很早之前就想写了,但是自己之前几次尝试都卡了某个步骤,我这次系统的记录一下看能否有不同,为了做方便做测试,我可能会选择比较简单的物料,希望能够达到快速coding,快速发布的merge,日常捂脸.jpg,祝自己顺利~~~~。
vue物料社区中主要是分三大类,区块(blocks) ,布局(layouts)和模板(scaffolds)。
题外话
日常捂脸.jpg,看了半天,感觉想写的demo
好多,原本下定决心写那几个异常页来着,结果发现好多信息展示页,还有模态窗展示的,我都觉得可以写,感觉自己好花心。
不过我看区块物料的时候,想到敏捷开发了,最小区块交付,在这里面体现的真的淋漓尽致,一个普通的卡片组都写了好些。
whatever,我觉得,我之前既然已经决定要写异常页,就写这个吧,之后再写其他都行,毕竟今天coding不是重点。
题外话
看到布局分类的时候,我又有点想写这个了,但是感觉饿了么本身就提供了,再写挺累赘的,我要记住我是要写异常页的,坚定的眼神.jpg
{
"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"
}
文件夹和文件命名
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;
}
}
}
{
"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
物料。
以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>
浏览器路径http://localhost:8080/vue-materials
浏览器路径http://localhost:8080/vue-materials/block/BasicNotFound
浏览器路径http://localhost:8080/vue-materials/block/BasicException
浏览器路径http://localhost:8080/vue-materials/block/EmptyContent
浏览器路径http://localhost:8080/vue-materials/block/NotPermission
以BasicNotFound
为例,主要是要添加效果截图路径。
# basic-not-found
简介:404 报错提示
基于element-ui组件的404 报错提示
![截图](https://user-images.githubusercontent.com/18508817/39957530-079e45d0-5627-11e8-8beb-3fa577f25966.png)
以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
权限。
melon-template
分支git clone -b melon-template https://github.com/mowatermelon/ice.git
git remote add upstream '[email protected]:alibaba/ice.git
,这个后期看好像不是非必要步骤。feat: vue materials BasicException blocks
feat: vue materials BasicNotFound blocks
feat: vue materials EmptyContent blocks
feat: vue materials NotPermission blocks
系统 win7
node V8.9.3
操作步骤
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
在控制台中启动项目调试之后,再使用iceWork
选择页面模版和启动调试服务
.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)
}
}
操作步骤
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")))
}
}])
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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已经不被支持了吗? 请问该如何下载区块来使用?我根据文档教程的方式来进行但不成功。
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)
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
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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.10.0
操作步骤
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
尝试一
尝试二
尝试三
http://localhost:4444/
,进行预览,点击新增的nav4
,预览正常====>vue模版本身新增页面这块逻辑没有问题尝试四
http://localhost:4444/
,点击新增的navLogin,预览正常。====>vue模版本身新增页面,修改名称这块逻辑没有问题尝试五
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
综上问题在于新增的页面名称不能和组件名称一样,如果一致,这边就会报错,所以在新页面生成的时候需要检查新页面的名称和组件名称是否一致,如果一致,则需要进行提醒,要不然这个新页面预览的时候就会出错。
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
This week, no issues have been created or closed.
This week, no pull requests has been proposed by the users.
This week, no user has contributed to this repository.
This week, no user has starred this repository.
This week, there have been no commits.
This week, no releases were published.
That's all for this week, please watch 👀 and star ⭐ mowatermelon/Use-iceWorks to receive next weekly updates. 😃
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
系统
版次 window 10专业版
版本 1709
OS内部版本 162.99.64
node V8.9.1
网络条件 一般
操作步骤
npm WARN deprecated [email protected]: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
之后,没有任何日志更新了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!
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
This week, no issues have been created or closed.
This week, no pull requests has been proposed by the users.
This week, no user has contributed to this repository.
This week, no user has starred this repository.
This week, there have been no commits.
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
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
系统 win10
node V8.9.1
在界面初始化项目,提示在执行node-sass相关命令的时候,发生错误,但是删除项目中node-module文件夹,在本地安装依赖,就是好的,不知道是什么原因
Here's the Weekly Digest for mowatermelon/Use-iceWorks:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
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. 📆
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.