本筆記是我根據網上的資料總結的一個bower的使用指南,這些也只是工具不必要深究其用法,只要滿足我們平常的項目開發即可!
本教程分為三個部分:
bower的介紹bower的安裝bower的應用1.bower的介紹
bower是前端們使用的文件包管理器,類似于Node模塊的npm包管理器,它用來幫助我們管理項目中所引入的js庫或者框架等等這些靜態資源,而不再需要自己手動的引入,方便我們專注于項目的業務。
2.bower的安裝
首先確保自己在電腦上已經安裝了node.js和git打開"cmd"窗口,輸入以下命令:$ npm install -g bower安裝好bower之后,接著輸入以下命令用來查看我們剛剛安裝好的bower版本信息:
bower -v我們也可以在命令行中輸入“bower”來查看bower常見的命令,解釋如下: cache Manage bower cache(bower緩存管理) help Display help information about Bower(顯示bower的幫助信息) home Opens a package homepage into your favorite browser (通過瀏覽器打開一個GitHub發布頁) info Info of a particular package(查看包的信息) init Interactively create a bower.json file(創建bower.json文件) install Install a package locally(安裝包到項目) link Symlink a package folder(在本地bower庫建立一個項目鏈接) list List local packages - and possible updates(列出項目已經安裝的包) login Authenticate with GitHub and store credentials() lookup Look up a single package URL by name(根據包名查詢包的URL) PRune Removes local extraneous packages(刪除項目無用的包) register Register a package(注冊一個包) search Search for packages by name(搜索包) update Update a local package(更新項目的包) uninstall Remove a local package(刪除項目的包) unregister Remove a package from the registry version Bump a package version3.bower的應用
首先我們在左面新建一個文件夾"bowerTest";通過命令行進入到這個文件夾截圖如下:![]()
這個時候我們的文件夾是空的,我們試著安裝幾個框架(例如jQuery和D3),運行如下命令:bower install jquery![]()
留給自己的任務:解釋上面各個命令行的意思?
新聞熱點
疑難解答