javascript - Comment ouvrir un projet configuré avec gulp+bower sur l'ordinateur de quelqu'un d'autre?

Question

//bower.json est le suivant :
{
"name": "webapp",
"description": "angularjs webapp",
"main": "",
"keywords": [

"angularjs"

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

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

],
"dépendances": {

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

}
}

//packa.json est le suivant :
{
"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"

}
}

Veuillez me dire comment ouvrir un projet d'application Web configuré avec gulp+bower sur l'ordinateur de quelqu'un d'autre

Answer 1

Le premier est la configuration de l'environnement, car bower et gulp sont tous deux basés sur Nodejs.
Donc, la première étape consiste à installer NodeJS

La deuxième étape consiste à exécuter la commande npm install sous le projet en cours pour installer les modules dépendants du projet. npm install 命令，安装项目依赖模块。
第三步,bower 这里没有直接使用。TA只是用来安装第三方库的，所以可以选择性安装npm install bower -g
第四步,执行gulp 命令.项目工程下应该有个 gulpfile.js 文件。查看里面的 代码找到如下类似代码

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

这段代码是gulp 定义任务的代码，你确保gulp（如果执行的时候，提示 gulp 不是命令之类的，请全局安装gulp npm install -g gulp） 正确安装的情况下，执行 gulp compileLa troisième étape, bower n'est pas utilisée directement ici. TA n'est utilisé que pour installer des bibliothèques tierces, vous pouvez donc installer sélectivement npm install bower -g

Étape 4, exécutez la commande gulp. Il devrait y avoir un fichier gulp sous. les fichiers .js du projet du projet. Consultez le code à l’intérieur et trouvez un code similaire à celui-ci🎜 rrreee 🎜Ce code est le code permettant à gulp de définir les tâches. Assurez-vous que gulp (s'il indique que gulp n'est pas une commande lors de l'exécution, veuillez installer gulp globalement npm install -g gulp) est correctement installé. , exécutez la gulp compile. 🎜