Partiamo con un tutorial veramente introduttivo per chi non ha mai utilizzato node js, Vue o non si è mai approcciato allo sviluppo con tecnologie di frontend, infatti vediamo step by step come creare un ambiente di sviluppo con node js e Vue Cli, quindi nel dettaglio:
- installazione di node e npm
- installazione di Yarn
- verifica installazione
- installazione di Vue Cli
Installazione di node js e npm
Primo passo è quello di installare node js e npm e nel caso di Mac OSX abbiamo due possibilià:
- quella di scaricarsi l’installer dal sito ufficiale di Node in edizione LTS; da qui basta seguire gli step dell’installer che avrà ad installare nel path globale sia l’eseguibile node che npm
- oppure possiamo utilizzare Homebrew e banalmente eseguire:
$ brew install node $ brew install npm
Installazione di Yarn
Inoltre consiglio l’installazione di Yarn, come qui indicato:Installazione di Yarn: ha come requisito la presenza di Homebrew
Verifica Installazione
Per verificare l’installazione occorre eseguire da terminale
$ node -v v10.15.1 $ npm -v 6.4.1
Installazione di Vue Cli
Infine passiamo all’installazione di Vue Cli che come indicato nella documentazione occore eseguire:
$ npm install -g @vue/cli
Se precedentemente abbiamo installato dei package con sudo, possiamo avere dei problemi di permessi di scrittura, ad esempio:
node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Pre-built binaries not installable for fsevents@1.2.7 and node@10.15.1 (node-v64 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Hit error EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/lib' gyp WARN EACCES user "root" does not have permission to access the dev dir "/Users/gcastro/.node-gyp/10.15.1" gyp WARN EACCES attempting to reinstall using temporary dev dir "/usr/local/lib/node_modules/@vue/cli/node_modules/fsevents/.node-gyp" gyp WARN install got an error, rolling back install
Per risolvere il problema, ed essendo comunque, in un ambito di sviluppo, consiglio di eseguire anche i seguenti comandi:
$ sudo chown -R $(whoami) ~/.npm $ sudo chown -R $(whoami) /usr/lib/node_modules
Questo per evitare errori di installazione di package globali, come appungo Vue Cli, infatti riporto un link di StackOverflow relativo Permission denied when installing npm module dove viene riportato un errore simile, ma riconducivile a quello illustrato.