Gulp &\u00a0Visual Studio 2015<\/strong><\/h2>\nIf you want to use Gulp on\u00a0Visual Studio 2015:<\/p>\n
\n- Read my first article about Gulp<\/a>, it might help you;<\/li>\n
- Be sure to have all prerequisites;<\/li>\n
- Open an old project or create a new one. At the root of this project right click and add an \u00ab\u00a0npm configuration file\u00a0\u00bb. Let the default name: \u00ab\u00a0package.json.\u00a0\u00bb<\/li>\n<\/ol>\n
![\"ajouter](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/addfile-300x240.png\")
<\/a>\n![\"Ajouter](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/npm-300x209.png\")
<\/a>\n4.\u00a0Under \u00ab\u00a0devDependencies\u00a0\u00bb write the Gulp extension you want to use. Visual Studio helps you find the last version. When you use quotes, it completes double quote as usual but also gives you all versions you can include in your project within a dropdown.<\/p>\n![\"Installation](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/pluginINSTALL-300x133.png\")
<\/a>\n5.\u00a0When you save the file, Visual Studio will download all the needed files.<\/p>\n![\"Npm](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/npmwin-290x300.png\")
<\/a>\n6.\u00a0You can also, in the future, do an update by clicking on the light bulb.<\/p>\n![\"ampule](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/ampoule-300x261.png\")
\n
7.\u00a0You create a \u00ab\u00a0Gulp configuration file\u00a0\u00bb the same way you created the \u00ab\u00a0npm configuration file\u00a0\u00bb. Let the default name: \u00ab\u00a0gulpfile.js\u00a0\u00bb.<\/p>\n![\"ajout](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/gulpfile-300x210.png\")
<\/a>\n8.\u00a0There is a bit of ready code that will help you. You just have to write your own then save the file.<\/p>\n![\"code](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/code-300x104.png\")
<\/a>\n9.\u00a0When it\u2019s done, right-click on the file in the \u00ab\u00a0Solution explorer\u00a0\u00bb window to open the \u00ab\u00a0Task Runner Explorer\u00a0\u00bb<\/p>\n![\"ouvrir](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/task-runner-300x286.png\")
<\/a>\n10.There you can select your tasks and bind them to process. If you don\u2019t see any task, the output window will give you a reason. Otherwise, will tell you where there is an error. If you want, you can directly run a task by right clicking on it. Visual Studio writes some code on top of the \u00ab\u00a0gulpfile.js\u00a0\u00bb to remember what to do and when.<\/p>\n![\"fin](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/done-208x300.png\")
<\/a>\nThat\u2019s all you need to make run Gulp on Visual Studio 2015.<\/p>\n
Gulp & Visual Studio 2013<\/strong><\/h2>\nThat\u2019s more complicated, but it is possible to run Gulp on Visual Studio 2013. You need to install everything in command line (cmd) (see my previous article<\/a>). To execute Gulp just type \u00ab\u00a0gulp\u00a0\u00bb\u00a0in your project folder (in cmd) or download a Visual Studio extension Task Runner Explorer<\/em><\/a>\u00a0that is a task explorer for Visual Studio 2013. With that extension, the process of running file is the same as in Visual Studio2015.<\/p>\n![\"extension](\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2015\/10\/extension-300x134.png\")
<\/a>\nVisual studio Code<\/strong><\/p>\nHere, you don\u2019t have a choice. You need to run it by command line. The process is not the usual way. You can go to the\u00a0FAQ<\/em> page <\/a>where you will get all the information about installing and running it step by step.<\/p>\n","protected":false},"excerpt":{"rendered":"
<\/a>\n<\/a>\n4.\u00a0Under \u00ab\u00a0devDependencies\u00a0\u00bb write the Gulp extension you want to use. Visual Studio helps you find the last version. When you use quotes, it completes double quote as usual but also gives you all versions you can include in your project within a dropdown.<\/p>\n 5.\u00a0When you save the file, Visual Studio will download all the needed files.<\/p>\n 6.\u00a0You can also, in the future, do an update by clicking on the light bulb.<\/p>\n 7.\u00a0You create a \u00ab\u00a0Gulp configuration file\u00a0\u00bb the same way you created the \u00ab\u00a0npm configuration file\u00a0\u00bb. Let the default name: \u00ab\u00a0gulpfile.js\u00a0\u00bb.<\/p>\n 8.\u00a0There is a bit of ready code that will help you. You just have to write your own then save the file.<\/p>\n 9.\u00a0When it\u2019s done, right-click on the file in the \u00ab\u00a0Solution explorer\u00a0\u00bb window to open the \u00ab\u00a0Task Runner Explorer\u00a0\u00bb<\/p>\n 10.There you can select your tasks and bind them to process. If you don\u2019t see any task, the output window will give you a reason. Otherwise, will tell you where there is an error. If you want, you can directly run a task by right clicking on it. Visual Studio writes some code on top of the \u00ab\u00a0gulpfile.js\u00a0\u00bb to remember what to do and when.<\/p>\n That\u2019s all you need to make run Gulp on Visual Studio 2015.<\/p>\n That\u2019s more complicated, but it is possible to run Gulp on Visual Studio 2013. You need to install everything in command line (cmd) (see my previous article<\/a>). To execute Gulp just type \u00ab\u00a0gulp\u00a0\u00bb\u00a0in your project folder (in cmd) or download a Visual Studio extension Task Runner Explorer<\/em><\/a>\u00a0that is a task explorer for Visual Studio 2013. With that extension, the process of running file is the same as in Visual Studio2015.<\/p>\n Visual studio Code<\/strong><\/p>\n Here, you don\u2019t have a choice. You need to run it by command line. The process is not the usual way. You can go to the\u00a0FAQ<\/em> page <\/a>where you will get all the information about installing and running it step by step.<\/p>\n","protected":false},"excerpt":{"rendered":"<\/a>\n<\/a>\n\n<\/a>\n<\/a>\n<\/a>\n<\/a>\nGulp & Visual Studio 2013<\/strong><\/h2>\n
<\/a>\n