Vue脚手架环境搭建(node.js安装及vue安装出错解决)

若是是一个全新的系统,报错应该不会有,若是有就多尝试几回,而后就不属于全新的了,全新的系统不推荐使用cnpm而是使用npm install xxx 去安装,听说cnpm可能会有各类各样诡异的bugvue

一、安装node.jsjava

sudo apt-get install nodejs
	sudo apt-get install npm

二、升级node以及npmnode

1.升级npm命令以下:
	npm install -g nnpm install -g n
	sudo n latest
	*正常状况下直接升级到最新版(当前6.9)*
	
	2.升级node.js命令以下:(建议下载的时候就直接下载稳定版本,避免升级出错)
	$ npm install –g n
	$ n latest(升级node.js到最新版)  or $ n stable(升级node.js到最新稳定版)

创建软连接:/usr/local/nodejs/bin/...是本身的路径web

sudo ln -s  /usr/local/nodejs/bin/node /usr/local/bin/node

 sudo ln -s  /usr/local/nodejs/bin/npm /usr/local/bin/npm

验证 :
使用node -vnpm -v来验证是否安装成功,若安装成功则会看到相应的版本信息
![版本查看](https://img-blog.csdnimg.cn/2019052909245126.png
三、安装cnpmvue-cli

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建软连接:/usr/local/nodejs/bin/...是本身的路径npm

sudo ln -s  /usr/local/nodejs/bin/cnpm /usr/local/bin/cnpm

使用cnpm-v查看安装是否成功:
在这里插入图片描述svg

4.安装vue-cli
有的是直接安装最新版,这里我先安装后升级,避免出错spa

cnpm install -g vue-cli

在这里插入图片描述

创建软连接:/usr/local/nodejs/bin/...是本身的路径code

sudo ln -s  /usr/local/nodejs/bin/vue /usr/local/bin/vue
若是不想每次全局安装后都去创建软连接,能够在安装完npm或cnpm后,使用如下命令将安装路径指向/usr/local,这样以后使用npm或cnpm安装包以后就能够直接使用命令。 
npm config set prefix /usr/local 
cnpm config set prefix /usr/local 
设置完以后能够使用下列命令进行查看。 
npm root -g 
cnpm root -g

使用vue --version可查看是都安装成功
在这里插入图片描述
使用sudo cnpm install -g @vue/cli对vue升级到3.8
在这里插入图片描述xml

使用vue --version可查看是都安装成功
在这里插入图片描述