javascript - 如何在別人電腦上開啟,gulp+bower配置的項目?

Question

//bower.json如下:
{
"name": "webapp",
"description": "angularjs webapp",
"main": "",
"keywords": [

"angularjs"

],
"license": "MIT",
"homepage": "",
"private": true,
"ignore": [

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

],
"dependencies": {

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

}
}

//packa.json如下:
{
"name": "webapp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {

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

},
"author": "",
"license": "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"

}
}

求教怎麼在別人電腦上代開gulp bower配置的webapp專案

Answer 1

首先是環境配置，因為 bower,gulp 都是基於Nodejs的。
所以，第一步是 安裝NodeJS

第二步,在目前專案下執行npm install 指令，安裝專案依賴模組。 npm install 命令，安装项目依赖模块。
第三步,bower 这里没有直接使用。TA只是用来安装第三方库的，所以可以选择性安装npm install bower -g
第四步,执行gulp 命令第三步,bower 這裡沒有直接使用。 TA只是用來安裝第三方函式庫的，所以可以選擇性安裝npm install bower -g

第四步,執行gulp 指令.專案工程下應該有個gulpfile .js 檔案。看裡面的 程式碼找到如下類似程式碼

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

npm install -g gulp） 正确安装的情况下，执行 gulp compile這段程式碼是gulp 定義任務的程式碼，你確保gulp（如果執行的時候，提示 gulp 不是指令之類的，請全域安裝gulp 即可。🎜