Dans un premier temps installons vue CLI 3 :

npm install -g @vue/cli
npm install -g @vue/cli-init

Maintenant créons un projet vue-demo à avec une configuration minimaliste de webpack

vue init webpack-simple vue-demo

Il faut maintenant se déplacer dans le dossier

cd vue-demo

Puis installer les dépendances

npm install

Dans notre cas avec Cloud9 nous devons rajouter une ligne dans le fichier de configuration pour que la preview puisse s’effectuer. Dans le fichier `webpack.config.js` dans la section `devServer`

compress: true,


`disableHostCheck: true,`

On peut maintenant lancer notre petit serveur

npm run dev

Et afficher la preview de notre application vue en cliquant sur Preview > Preview running application

Preview Running Application

Et voilà le résultat :

On arrive donc à la fin de ce billet sur l’installation de Vue CLI 3 dans Cloud9.

À lire aussi :

À la découverte de Cloud9 (AWS)
Aujourd’hui j’aimerais vous faire découvrir un outil proposé par Amazon via Amazon Web Services : Cloud9. Cet article vous présente mon cheminement pour en arriver à Cloud9 et mon expérience. J’ai…

Inspiration & crédits : Article de Kelvin Tsoi