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

如果是一个全新的系统,报错应该不会有,如果有就多尝试几次,然后就不属于全新的了,全新的系统不推荐使用cnpm而是使用npm install xxx 去安装,据说cnpm可能会有各种各样诡异的bug

1、安装node.js

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

2、升级node以及npm

	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/...是自己的路径

 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来验证是否安装成功,若安装成功则会看到相应的版本信息
Vue脚手架环境搭建(node.js安装及vue安装出错解决)_第1张图片
3、安装cnpm

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

建立软链接:/usr/local/nodejs/bin/...是自己的路径

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

使用cnpm-v查看安装是否成功:
Vue脚手架环境搭建(node.js安装及vue安装出错解决)_第2张图片

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

	cnpm install -g vue-cli

Vue脚手架环境搭建(node.js安装及vue安装出错解决)_第3张图片

建立软链接:/usr/local/nodejs/bin/...是自己的路径

 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
在这里插入图片描述

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

你可能感兴趣的:(Vue是个好东西)