linux中安装node.js及搭建vue详细步骤

1、官网下载Node.js的安装包

https://nodejs.org/zh-cn/download/

2、将压缩包上传到服务器上

3、解压为tar包

xz -d node-v16.14.0-linux-x64.tar.xz

接着解压tar包到你想要安装的目录，我这里在 /usr/local下

tar xvf node-v16.14.0-linux-x64.tar -C /usr/local

4、进入到安装的目录下

cd /usr/local

修改一下解压后的文件名

mv node-v16.14.0-linux-x64 node-v16.14.0

5、修改权限

sudo chmod 777 -R node-v16.14.0

6、配置全局环境变量

进入到安装Node目录下bin文件夹中

cd /usr/local/node-16.14.0/bin

使用pwd命令打印出当前路径并复制下来

接着编辑etc目录下的profile文件

vim /etc/profile

可以在文件最后添加

最后执行

source /etc/profile

使配置文件生效

7、执行node -v命令

出现版本号则证明安装成功

8、接着安装淘宝镜像cnpm

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

安装成功后执行cnpm -v命令，出现版本号则证明安装成功

9、使用cnpm安装vue-cli脚手架

cnpm install -g vue-cli

执行vue -V命令查看版本号，如果出现版本号则说明安装成功

10、使用vue init webpack vue-demo命令初始化一个名字为vue-demo的vue项目，vue-demo也可以更换为其他名字，使用当前命令会在当前路径下生成vue项目，比如在根路径下生成vue-demo

可以按照这个模板来，没有让输入yes/no的直接回车就行，当然全部输y也行，只不过下载的时间会长一些(这里只是测试环境是否可用，不需要那么多东西)

11、创建成功之后进入到项目中执行npm run dev命令

执行成功如下

这时候访问’IP地址:8080’,就可以访问到了，当然防火墙需要开放8080端口。可能出现一种情况，发现自己防火墙和云服务器安全组都开放了8080端口，在自己电脑的浏览器却访问不到。这时需要修改vue-demo/config/index.js。

将host='localhost’改为host=‘0.0.0.0’，再次执行npm run dev访问 IP地址:8080，即可访问到