ctrl+c兩次 關閉Node.js
dir(查看當前文件下的所有文件)
tree(查看 當前目錄下所有目錄的文件夾迷扇,以樹狀結構給你展示)
cd (進入某一個文件夾)
cd文件夾名稱
cd..(去到上一級目錄)
盤符:(切換盤符)不區(qū)分大小寫
md文件夾名稱(在當前目錄下創(chuàng)建一個文件夾)
rd文件夾名稱(刪除當前目錄下的文件夾)
xcopy文件夾名稱 新的名稱(復制一個文件夾)
type nul>文件名 (創(chuàng)建一個文件)
echo 輸出文本內容》文件名(向文件里面寫入內容) 覆蓋式寫入
echo 文本內容》》文件名(向文件里面追加內容)
del 文件名 ( 刪除一個文件)
copy 文件名 ( 復制一個文件)
move 文件名 路徑 (移動一個文件)
ren 文件名稱 新文件名稱 (修改文件名稱)可以批量+*
文件名 回車(打開文件)
cls (清屏)
ipconfig(查看ip鏈接信息)
ping 地址(測試網(wǎng)絡延遲)
systeminfo(查看電腦基本配置信息)
tap(當你寫文件或者文件夾名稱的時候自動補全)
esc(取消當前的輸入)
require(文件路徑)導入
module.exports是一個對象 導出
內置模塊
path模塊
Join拼接路徑
fs模塊
語法:readFile(你要讀取的文件路徑,文件格式,function(err,data){})
語法:writeFile(你要寫入的路徑押搪,寫入的內容,function(){}
同步讀取
const res=readFileSync(你要讀取的文件恨樟,讀取文件的格式)
同步寫入
fs.writeFileSync(你要寫入的文件,你要寫入的內容)
HTTP模塊
createServer()
語法:const server = http.createServer(function(req,res){})
server表示當前服務,默認監(jiān)聽127.0.0.1域名
req:表示當前請求
res:response給當前請求一個響應
res.end()給客戶端一個響應信息
listen()用來監(jiān)聽端口號的
語法:server.listen(你要監(jiān)聽的端口號虐拓,回調函數(shù))
req requset 請求
1,req.headers 請求頭
2单绑,req.methods 請求方式
3回官,req.url 請求地址
res response響應
1,res.statusCode=狀態(tài)碼
2,res.setHeaders('content-type','text/palin')
3,res.writeHead(200,{'content-type','text/palin'}
4,res.write()
5,res.end
npm -v npm檢測
npm install jquery 下載jquery
npm install swiper下載一個swiper
npm i 包名@版本號下載bootstrap
npm i 包名 —S開發(fā)依賴 -D項目依賴//
npm view 包名 versions 在npm上查看所有包的版本
npm init npm的初始化
npm init -y npm的初始化
npm uninstall 包名 npm的卸載包
npm uninstall 包名 -S -D刪除包
npm update 包名 升級包 當前大版本的最新版本
npm i 下載所有依賴
npm cache clear -f清除緩存
npm cache clean -f
c:用戶》名字》appData(隱藏)》roaming>npm-cache刪除
npm i - -global nrm
npm i -g nrm 安裝全局包
nrm --version安裝完畢檢測安裝
nrm test檢測可以使用的下載地址的延遲信息
nrm use地址名稱 切換下載地址
首先我們在cmd中輸入npm config get registry命令查看npm的默認下載地址
https://registry.npmjs.org/默認
$ npm config set registry http://jnpm.cbpmgt.com/ JD
再使用npm config set registry https://registry.npm.taobao.org命令將默認下載地址改成淘寶鏡像就可以了。
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
node-sass會從淘寶鏡像源下載
npm i -g sass 安裝sass工具
sass是沒有括號scss有括號
sass -v 檢測安裝
sass你要轉換的文件 你要轉成什么文件
sass --watch 你要編譯的文件:你要生成的文件
sass --watch 你要監(jiān)控的文件夾:你要生成的文件夾
\ $變量名稱:值
子類選擇器
&自己規(guī)則集搂橙,鏈接偽類偽元素
屬性嵌套-可以替換:{}進行寫入
使用@mixin 函數(shù)名(可以傳參變量:默認參數(shù)){}
使用@include函數(shù)名 調用
形參定義就是直接在(變量1歉提,變量2,變量3)
@include 混合器名稱(實參1区转,實參2苔巨,實參3)調用
使用關鍵字@extend要繼承的規(guī)則集 css里面的標簽屬性
語法:@import ''要導入的文件 scss
gulp
$ npm i -g gulp 安裝gulp
可以運行gulp的指令 檢測
gulp 項目名稱 運行
gulpfile.js文件這個文件里面就來書寫一些配置項
dependencies記載著下載的項目依賴
devDependencies記載著開發(fā)依賴
npm i --save-dev gulp 項目依賴 簡寫-D
直接require(第三方包名) 導入依賴
方法
gulp.task(參數(shù),函數(shù))創(chuàng)建任務
gulp.src('./src/css/*.css')找文件
gulp.pipe(方法)管道函數(shù) 做事情
gulp.dest('./dist/css')放置文件 在管道函數(shù)里使用
gulp.series()逐個執(zhí)行任務
gulp.parallel()并行執(zhí)行任務
gulp.watch(文件蜗帜,執(zhí)行的任務)監(jiān)控文件 發(fā)生改變執(zhí)行
第三方模塊
gulp-cssmin 壓縮css文件 調用函數(shù)導入()
gulp-sass 將cass壓縮成css node-sass不成功先裝這個
gulp-autoprefixer 自動給css兼容前綴 需要傳參
browsers:['last 2 versions'] 兼容最近的兩個版本
或者package.json 里面添加數(shù)組'browserslist':['last 2 versions'] 就可以不用寫參數(shù)了
gulp-uglify 將js文件進行壓縮 不認識ES6
gulp-babel 將JSes6換成es5 還需要兩個包 8版本
@babel/core 8版本||babel-core 7版本
@babel/preset-env 8版本||babel-preset-env 7版本
下載需要三個 引入一個就可以
presets:['@babel/env'] babel傳遞參數(shù)進行語法轉換
gulp-htmlmin 壓縮Html文件 需要配置
htmlmin({
collapseWhitespace:true,移除空行
collapseBooleanAttributes:true,移除值為布爾值的屬性
removeEmptyAttributes:true,移除空屬性
removeComments:true,移除注釋
minifyCSS:true,把內嵌的style的標簽合起來
minifyJS:true,把內嵌的script的標簽合起來
})
components 片段文件夾
gulp-file-include 導入html片段 第三方模塊需要傳參
prefix:'@s',定義的表示符 看到解析
basepath:'',存放html片段的路徑地址
你定義的標識符include(你要導入的html的片段名稱)來進行導入
標識符include(html片段名恋拷,({'變量名':'值'})json格式的數(shù)據(jù))可以傳多個 控制類名
定義的標識符+變量名 書寫片段時可以寫變量
在導入html片段是傳遞
gulp-imagemin 壓縮圖片的 一般不用
定義一個默認任務default
default:當你運行gulp的時候,唯獨default不用寫
創(chuàng)建任務的時候 函數(shù)位置直接寫gulp.parallel
del 專門用來刪除文件夾的 第三方模塊
del('./dist')要刪除的文件夾 可以直接使用
gulp-webserver() 專門打開一個瀏覽器 第三方模塊
需要配置參數(shù)
src(./dist)文件夾
C>windows>system32>drivers>etc hosts配置站點域名
host:''域名
pont''端口號
open:''你默認打開的那個文件厅缺,直接從dist文件夾開始的目錄
livereload:true,自動刷新
webserver里直接配置參數(shù)代理:
proxies:[你所有的代理配置
{
source:'/list',你請求的代理標識符 自己起的名字
target:'http://localhost:80/server/list.php'你請求的代理地址
}蔬顾,
可以直接代理一個文件夾
]
監(jiān)控文件變化 創(chuàng)建watch任務