2018-06-13

2018.6.13 培訓(xùn)學(xué)習(xí)任務(wù) - 根據(jù)設(shè)計交互稿完成輪播圖功能- 模塊規(guī)范化開發(fā)與樣式編寫

在支持左右滑入輪播效果基礎(chǔ)上,通過參數(shù)設(shè)置,支持做漸出漸現(xiàn)效果。參考

考慮傳參設(shè)置

考慮樣式規(guī)范編寫

必須考慮尺寸,交互一致??紤]只有一張banner的情況.?視覺稿地址

在昨天gulp-study基礎(chǔ)上改

zepto?核心方法學(xué)習(xí):選擇器/事件/ajax/表單

昨天沒有完成任務(wù)

2018.6.12 @alex 培訓(xùn)學(xué)習(xí)任務(wù)-腳手架原型與gulp應(yīng)用 @陳香艷 @李偉

training/gulp-study?copy到各自的工作目錄下。

在目錄下運行 $ npm install 和 $ npm run start 兩個命令

在src中改 *.scss/ *.js 文件,會發(fā)現(xiàn)自動編譯到 build的目中去。為什么?

原因是我們用了gulp watch去構(gòu)建監(jiān)控我們的模塊開發(fā)??梢源蜷_gulpfile.js查看或百度了解更多關(guān)于gulp。

將昨天開發(fā)的輪播件按昨晚的開發(fā)規(guī)范要求,整合到這個開發(fā)目錄中去。

發(fā)現(xiàn)是node.js?沒有裝好,早上百度重新安裝node.js? 百度了一篇?安裝?node.js? ?https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html? ?安裝?我的安裝步驟及目錄?是跟作者一模一樣,D盤新建?的目錄


發(fā)現(xiàn)執(zhí)行最后一條命令的時候出來這樣的錯誤

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中執(zhí)行安裝命令去了

在工作目錄下training/gulp-studycopy

在目錄下運行 $ npm install 和 $ npm run start 兩個命令

這是我的工作目錄?在git bash?上運行命令

在gitbush下執(zhí)行?npm install?出現(xiàn)這樣的錯誤

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

香艷

我的那個執(zhí)行 npm install 時出現(xiàn)這個問題


已讀

已讀

百度查了一下,說執(zhí)行這個命令


已讀

已讀

已讀

我就照著執(zhí)行啦

已讀

但是執(zhí)行 npm run start時出現(xiàn)這樣的錯誤


已讀

已讀

Al

最后那圖最后那個D盤的日志打開看看

香艷


已讀

已讀

Al

node_modules下面安裝了什么

目錄下


香艷

已讀

Al

你的項目目錄

不是nodejs


香艷

已讀

已讀

Al

gulpstudy那個

香艷


已讀

Al

nodemodules

香艷


已讀

已讀

Al

你里面啥都沒有。說明npm install沒有安裝成功

你再執(zhí)行npm install

香艷


已讀

Al

停了么?

香艷


已讀

已讀

Al

你用管理員身份打開git bash

再試

香艷


已讀

我以管理員的身份運行還是這樣的提示

已讀

Al

node_modules有啥了

香艷


已讀

是我自己開發(fā)的目錄,還是nodejs目錄

已讀

Al

npm run start呢

你的開發(fā)目錄

香艷


已讀

已讀

已讀

運行 npm run start 出現(xiàn)錯誤

已讀

這個是日志

已讀

Al

nodemodules

下沒有g(shù)ulp?

香艷


已讀


已讀

已讀

Al

node node_modules/gulp/bin/gulp.js watch

試下這個

香艷


已讀

已讀

這個命令應(yīng)該就是在我的目錄 下運行吧?


已讀

已讀

提示的是報錯

已讀

Al

npm install node-sass -g

然后再試

香艷


已讀

已讀

再執(zhí)行 npm install

已讀


已讀

Al

node node_modules/gulp/bin/gulp.js watch

香艷


已讀

香艷


已讀

還在裝,好慢

已讀

Al

裝啥。。。已經(jīng)運行起來了

香艷

哦,這樣,就是裝好啦

已讀

Al

你用npm run start試試

先關(guān)了

香艷

把整個窗口關(guān)掉?


已讀

已讀

Al

然后沒問題你就去寫代碼就好了

香艷

這樣就算成功了嗎?

已讀

Al

是的。監(jiān)控啟動就好了

香艷

嗯,好的

已讀

最后自己再總結(jié)一下,就只要在工作目錄上運行這個命令? ?npm install node-sass -g

再執(zhí)行? npm install

再執(zhí)行? node node_modules/gulp/bin/gulp.js watch

再執(zhí)行 npm run start? 最后就算成功啦


windows 10 以管理員的身份運行
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容