包管理 :npm cnpm yarn Node Package Manager node的包管理工具 cls清除控制檯 npm install jquery 下載依賴包 就自動下載最新版本的jq npm install jquery@3.0.0 下載指定版本 功能:一、下載東西 二、npm help能夠查看npm的命令 三、經常使用命令:npm install 名字 安裝 :npm uninstall 名字 卸載 : npm 上傳本身的模塊 1:登陸用戶 npmjs.com 2:npm adduser 3: 若是已經註冊過 npm login 4: 檢查是否登陸 npm whoami 5: 上傳一個包要創建一個package npm init --yes 6: publish上傳 npm publish 真正發佈的時候會有一個README 7: 再次發佈一次 必需要加版本號 8: npm unpublish test233 --force 強制刪除 9: npm upgrade 升級 當下載的東西多了: npm install jquery --save 依賴 dependencies 方便之後用 npm install jquery --dev 開發依賴 發佈後不須要的 npm install jquery -g 全局安裝,在哪都能用 packjson中版本號 v1.x ====1.x的全部版本都要 >v >=v <v <=v ^兼容版本 ~v 近似版本 * 任何版本 npm install -g 全局安裝,只要安裝一次,整個機器均可以用, example: npm -g install gulp packagejson: 1:engines nodejs引擎 2:scripts 執行裏面key--- npm run test 會執行裏面的value 3:npm start 啓動 npm stop 關閉 npm restart 重啓 npm test 開發階段:,不能自定義命令,能夠在help中查看 4:files----文件,好比package中 "files":["lib","README.MD"] 上傳數據中的這些文件 cnpm 能夠本身搭建一個相似git的倉庫 淘寶鏡像: 1:npm install -g cnpm --registry=https://registry.npm.taobao.org 2:用法和npm的是同樣的。 可是publish是不能往npm上傳的 yarn: 1:快, 2:緩存 3:yarnpkg.com下載yarn 4:yarn 就安裝packagejson的東西 5:生成一個yarn.lock file 6: yarn add jquery ==== npm install jquery --save 7: yarn upgrade 8: yarn remove 包 8: exi推出控制檯 browserify node.js打包,給前臺用,模塊化開發要加 ./ 路徑當前目錄 browerify 要編譯的js文件 > 結果文件 在公司作頁面能夠用 browser-sync 同步----多端、源碼和頁面 browser-sync start --server browser-sync start --server --files "*" 監視全部文件 兩個窗口滾動會同時滾動 基於websocket 能夠同時打開移動端和pc端 Local:http://localhost:3000 External:http://shenme dongxi:3000 手機測試的 UI:http://localhost:3001 borwser-syncUI 管理當前borwser-sync local: Remote Debug 能夠打開 Remote Debugger 測試手機端 點到頂端的Elements選項卡上,就會看到微信瀏覽器裏網頁的HTML結構。鼠標移動到.box的div上的時候,微信瀏覽器裏的相應的元素就會高亮起來