javascript - Bagaimana untuk membuka projek yang dikonfigurasikan dengan gulp+bower pada komputer orang lain?

Question

//bower.json adalah seperti berikut:
{
"nama": "webapp",
"penerangan": "angularjs webapp",
"utama": "",
"kata kunci": [

"angularjs"

],
"lesen": "MIT",
"laman utama": "",
"peribadi": benar,
"abaikan": [

"**/.*",
"node_modules",
"bower_components",
"test",
"tests"

],
"pergantungan": {

"angular": "^1.6.4",
"angular-ui-router": "ui-router#^0.4.2",
"angular-cookies": "^1.6.4",
"angular-validation": "^1.4.3"

}
}

//packa.json adalah seperti berikut:
{
"nama": "webapp",
"versi": "1.0.0",
"penerangan": "",
"utama": "index.js" ,
"skrip": {

"test": "echo \"Error: no test specified\" && exit 1"

},
"pengarang": "",
"lesen": "ISC",
"devDependencies": {

"gulp": "^3.9.1",
"gulp-clean": "^0.3.2",
"gulp-concat": "^2.6.1",
"gulp-connect": "^5.0.0",
"gulp-cssmin": "^0.1.7",
"gulp-imagemin": "^3.2.0",
"gulp-less": "^3.3.0",
"gulp-load-plugins": "^1.5.0",
"gulp-uglify": "^2.1.2",
"open": "^0.0.5"

}
}

Sila beritahu saya cara membuka projek aplikasi web yang dikonfigurasikan dengan gulp+bower pada komputer orang lain

Answer 1

Yang pertama ialah konfigurasi persekitaran, kerana bower dan gulp kedua-duanya berdasarkan Nodejs.
Jadi, langkah pertama ialah memasang NodeJS

Langkah kedua ialah melaksanakan perintah npm install di bawah projek semasa untuk memasang modul bergantung kepada projek. npm install 命令，安装项目依赖模块。
第三步,bower 这里没有直接使用。TA只是用来安装第三方库的，所以可以选择性安装npm install bower -g
第四步,执行gulp 命令.项目工程下应该有个 gulpfile.js 文件。查看里面的 代码找到如下类似代码

gulp.task('compile',function(){})

这段代码是gulp 定义任务的代码，你确保gulp（如果执行的时候，提示 gulp 不是命令之类的，请全局安装gulp npm install -g gulp） 正确安装的情况下，执行 gulp compileLangkah ketiga, bower tidak digunakan terus di sini. TA hanya digunakan untuk memasang perpustakaan pihak ketiga, jadi anda boleh memasang npm install bower -g

Langkah keempat ialah melaksanakan arahan gulp projek harus Terdapat fail gulpfile.js. Semak kod di dalam dan cari kod berikut serupa dengan #🎜🎜# rrreee #🎜🎜#Kod ini ialah kod untuk gulp untuk mentakrifkan tugasan Pastikan gulp (jika ia menggesa bahawa gulp bukan arahan semasa melaksanakan, sila pasang gulp secara global npm install -g gulp) adalah. dipasang dengan betul. Dalam kes ini, laksanakan gulp compile. #🎜🎜#