2018-06-13

2018.6.13 培训学习任务 - 根据设计交互稿完成轮播图功能- 模块规范化开发与样式编写

在支持左右滑入轮播效果基础上，通过参数设置，支持做渐出渐现效果。参考

考虑传参设置

考虑样式规范编写

必须考虑尺寸，交互一致。考虑只有一张banner的情况. 视觉稿地址。

在昨天gulp-study基础上改

zepto 核心方法学习：选择器／事件／ajax/表单

昨天没有完成任务

2018.6.12 @alex 培训学习任务-脚手架原型与gulp应用 @陈香艳 @李伟

将training/gulp-study copy到各自的工作目录下。

在目录下运行 $ npm install 和 $ npm run start 两个命令

在src中改 *.scss/ *.js 文件，会发现自动编译到 build的目中去。为什么？

原因是我们用了gulp watch去构建监控我们的模块开发。可以打开gulpfile.js查看或百度了解更多关于gulp。

将昨天开发的轮播件按昨晚的开发规范要求，整合到这个开发目录中去。

发现是node.js 没有装好，早上百度重新安装node.js  百度了一篇 安装 node.js   https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html   安装 我的安装步骤及目录 是跟作者一模一样，D盘新建 的目录

发现执行最后一条命令的时候出来这样的错误

C:\Users\yubhb>npm --registry https://registry.npm.taobao.org install cluster

npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\yubhb\package.json'

npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\yubhb\package.json'

npm WARN yubhb No description

npm WARN yubhb No repository field.

npm WARN yubhb No README data

npm WARN yubhb No license field.

没有解决，然后先去在git bush中执行安装命令去了

在工作目录下training/gulp-studycopy

在目录下运行 $ npm install 和 $ npm run start 两个命令

这是我的工作目录 在git bash 上运行命令

在gitbush下执行 npm install 出现这样的错误

Error: ENOENT: no such file or directory, scandir 'C:\Users\yubhb\github\fullsta

ck-training\dev\chenxiangyan\gulp-study\node_modules\node-sass\vendor'

at Object.fs.readdirSync (fs.js:904:18)

at Object.getInstalledBinaries (C:\Users\yubhb\github\fullstack-training\dev

\chenxiangyan\gulp-study\node_modules\node-sass\lib\extensions.js:129:13)

这个是我找老大解决问题的聊天记录

     以下是整个解决过程对话

Alex

Alex(cnhash项目组)

6月4日 11:31

Al

我是Alex

香艳

我已通过了好友请求，以后多交流~

已读

Al

用户名：cxy 密码: cyx2018  邮箱: xiangyan.chen@madingyu.com

http://118.190.62.2:10101/tree/fullstack-training.git

今天 10:07

香艳

我的那个执行 npm install 时出现这个问题

已读

已读

百度查了一下，说执行这个命令

已读

已读

已读

我就照着执行啦

已读

但是执行 npm run start时出现这样的错误

已读

已读

Al

最后那图最后那个D盘的日志打开看看

香艳

已读

已读

Al

node_modules下面安装了什么

目录下

香艳

已读

Al

你的项目目录

不是nodejs

香艳

已读

已读

Al

gulpstudy那个

香艳

已读

Al

nodemodules

香艳

已读

已读

Al

你里面啥都没有。说明npm install没有安装成功

你再执行npm install

香艳

已读

Al

停了么？

香艳

已读

已读

Al

你用管理员身份打开git bash

再试

香艳

已读

我以管理员的身份运行还是这样的提示

已读

Al

node_modules有啥了

香艳

已读

是我自己开发的目录，还是nodejs目录

已读

Al

npm run start呢

你的开发目录

香艳

已读

已读

已读

运行 npm run start 出现错误

已读

这个是日志

已读

Al

nodemodules

下没有gulp?

香艳

已读

有

已读

已读

Al

node node_modules/gulp/bin/gulp.js watch

试下这个

香艳

已读

已读

这个命令应该就是在我的目录 下运行吧？

已读

已读

提示的是报错

已读

Al

npm install node-sass -g

然后再试

香艳

已读

已读

再执行 npm install

已读

已读

Al

node node_modules/gulp/bin/gulp.js watch

香艳

已读

香艳

已读

还在装，好慢

已读

Al

装啥。。。已经运行起来了

香艳

哦，这样，就是装好啦

已读

Al

你用npm run start试试

先关了

香艳

把整个窗口关掉？

已读

已读

Al

然后没问题你就去写代码就好了

香艳

这样就算成功了吗？

已读

Al

是的。监控启动就好了

香艳

嗯，好的

已读

最后自己再总结一下，就只要在工作目录上运行这个命令   npm install node-sass -g

再执行  npm install

再执行  node node_modules/gulp/bin/gulp.js watch

再执行 npm run start  最后就算成功啦

windows 10 以管理员的身份运行