Installer vue CLI 3 dans Cloud9 (AWS)

Nicolas Corre
Oct 18, 2019 · 2 min read

Hey folks!
Dans ce billet on va voir comment utiliser Vue CLI 3 dans Cloud9.


vue cli 3

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 :

preview

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

A lire aussi : Présentation de Cloud9.

Inspiration : Article de Kelvin Tsoi

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade