Alat pembangunan bahagian hadapan web - kemahiran pengurusan pakej pergantungan bower_javascript

Bower ialah alat pengurusan pakej yang dilancarkan oleh Twitter Berdasarkan idea modular nodejs, fungsi disebarkan ke dalam pelbagai modul supaya terdapat sambungan antara modul yang digunakan untuk menguruskan sambungan ini.

Alat pengurusan pakej umumnya mempunyai fungsi berikut:

a) Mekanisme pendaftaran: Setiap pakej perlu menentukan ID unik supaya ia boleh dipadankan dengan betul semasa mencari dan memuat turun, jadi alat pengurusan pakej perlu mengekalkan maklumat pendaftaran dan boleh bergantung pada platform lain.

b) Storan fail: Tentukan lokasi di mana fail disimpan Ia boleh didapati semasa memuat turun Sudah tentu, alamat ini boleh diakses pada rangkaian.

c) Muat naik dan muat turun: Ini adalah fungsi utama alat dan boleh meningkatkan kemudahan penggunaan pakej. Sebagai contoh, jika anda ingin menggunakan jquery, anda hanya perlu memasangnya. Anda tidak perlu mencari di mana-mana untuk memuat turunnya. Memuat naik tidak perlu dan bergantung pada lokasi di mana fail disimpan, tetapi mekanisme tertentu diperlukan untuk memastikannya.

d) Analisis kebergantungan: Ini juga merupakan salah satu masalah utama yang diselesaikan oleh alatan pengurusan pakej Memandangkan terdapat sambungan antara pakej, kebergantungan di antara mereka perlu diproses semasa memuat turun. Apabila memuat turun pakej, anda juga perlu memuat turun pakej bergantung.

Memandangkan bower dibangunkan berdasarkan nodejs, anda mesti mempunyai persekitaran nodejs terlebih dahulu Bagi memasang nodejs dengan cara ini, terdapat banyak tutorial di Internet, anda juga perlu memasang git untuk menggunakan bower , jadi saya tidak akan menerangkan butiran di sini.

Faedah yang dibawa oleh bower

Jika anda mempunyai projek yang perlu menggunakan JQuery, dalam keadaan biasa kita perlu pergi ke laman web rasmi jQuery untuk memuat turun perpustakaan Dalam kes ini, setiap kali jquery dikemas kini, kita perlu pergi ke laman web rasmi jQuery untuk memuat turunnya, yang akan menjadi sangat menyusahkan, bukankah ia sangat mudah jika terdapat alat yang boleh memasukkan arahan untuk membenarkan kami memilih versi untuk dimuat turun, dan jika kami ingin mengemas kini semua perpustakaan dalam projek kami. versi terkini, kita hanya perlu memasukkan arahan Satu lagi kelebihan bower ialah jika Apabila anda memasang bootstrap, ia akan secara automatik memuat turun jquery, kerana bootstrap bergantung pada jquery , bower akan memuat turun perpustakaan bergantung untuk kami secara automatik.

pemasangan bower

　npm install -g bower bermaksud memasang ke persekitaran global

Menggunakan bower

　1. Muat turun perpustakaan melalui bower

Pemasangan bower (nama pakej seperti: jquery) [#versi seperti: #1.7] Versi adalah pilihan, jika tidak ditulis, versi terkini akan dimuat turun secara lalai

Contohnya: bower pasang bootstrap#2.2

2. Jika anda perlu mengemas kini semua perpustakaan, kami boleh memasukkan arahan berikut

Kemas kini Bower

Jika anda perlu menjana semua maklumat tentang pakej yang anda muat turun, contohnya, jika anda berada dalam satu pasukan dan anda mahu orang lain mengetahui perpustakaan yang anda gunakan dan versi mereka, maka kami boleh melakukannya dengan arahan berikut.
Kita perlu memulakan penerangan pakej terlebih dahulu. Ia akan mencipta direktori bower.json dalam direktori persekitaran pelaksanaan semasa anda

　`bower init -y`

Kemudian lulus

　`bower pasang jquery --save`

Ia akan menambah maklumat versi jquery pada fail bower.json Jika anda ingin menambah lebih daripada satu, anda boleh lulus space bower install jquery bootstrap kurang --save

Berikut ialah kandungan fail bower.json

{
"name": "down",
"authors": [
"xxxxxxxx"
],
"description": "",
"main": "",
"moduleType": [],
"license": "MIT",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"bootstrap": "^3.3.6",
"less": "^2.6.1",
"jquery": "^2.2.2"
}
}

Sudah tentu, jika anda baru mengenali nodejs, anda mungkin sedikit keliru, kerana ini bukan tutorial nodejs asas Jika anda ingin memahami dan mempelajari node, anda perlu belajar di Internet.

Sebagai tambahan kepada faedah ini, bower juga mempunyai beberapa fungsi yang lebih berkuasa, yang anda perlu temui di sini Lagipun, saya baru sahaja mula mempelajari nod

------------------------------------------------ -----------------------Baris pemisah-------------------------------------- ----

Hubungan antara bower dan npm

Untuk memasang bower, anda perlu memasangnya melalui npm

Perbezaan antara bower dan npm:

1. Dalam versi npm sebelum ini, ia tidak boleh berkongsi kod bergantung Maksudnya, dalam versi npm sebelumnya, jika anda memuat turun bootstrap, kerana bootstrap bergantung pada jquery, ia juga akan menyertakan jquery. tetapi jika perpustakaan anda yang lain juga menggunakan jquery, ia juga akan memuat turun jquery Dalam kes ini, kod itu akan diulang.

Struktur mereka adalah seperti ini:

bootstrapjQuery
　　xxxxxxxxxjQuery

Mereka diduakan, betul, tetapi nampaknya masalah ini telah diselesaikan dalam versi terbaru npm.

　2. npm akan memuat turun persekitaran pembangunan bersama-sama, dan bower hanya akan memuat turun modul hadapan yang disusun.

　3. NPM digunakan terutamanya untuk pengurusan pakej pergantungan dalaman projek Node.js Modul yang dipasang terletak dalam folder node_modules dalam direktori akar projek. Dalam kebanyakan kes, Bower digunakan untuk pembangunan bahagian hadapan Ia menguruskan kebergantungan pada CSS/JS/templat dan kandungan lain, dan struktur direktori muat turun bergantung boleh disesuaikan. --Kandungan perenggan ini ditemui dalam talian.

Struktur direktori tersuai yang dipanggil bermakna jika anda membuka bower dalam direktori fail itu, ia akan memuat turun pakej yang anda perlukan di bawah fail itu, dan npm tidak menyokongnya.

Ringkasan: Kami hanya boleh memahami bahawa npm digunakan untuk mengurus modul nodejs, iaitu pakej, dan bower digunakan untuk mengurus perpustakaan bahagian hadapan kami.

Mengenai alat pembangunan bahagian hadapan web - alat pengurusan pakej pergantungan bower, editor akan memperkenalkannya kepada anda di sini, saya harap ia akan membantu anda!