A-A+

centos安装nodejs和vue

2020年03月31日 网站建设 暂无评论 阅读 2,606 views 次

安装vue官方文档:https://cn.vuejs.org/v2/guide/installation.html

 

一、安装vue有多种方法:

1、直接在<script>标签中引入Vue.js文件,Vue会被注册为一个全局变量;

2、NPM安装,NPM是nodejs的包管理工具,所以要先安装nodejs。

 

我介绍下第二个方法,先安装nodejs,然后安装vue。

 

二、安装nodejs

1、官网下载nodejs:https://nodejs.org/en/download/

2、下载:Linux Binaries (x64),下载后得到文件类似:node-v12.16.1-linux-x64.tar.xz,注意他的后缀是.xz

3、.xz压缩包,千万不要用windows去解压,它会破会里面的内链关系。一定要在linux中解压(我在这里踩了坑)

4、解压命令:

xz -d node-v12.16.1-linux-x64.tar.xz

tar -xvf node-v12.16.1-linux-x64.tar

我是解压在/root目录下,你们随意。把目录改个名字,比如我的是/root/node

5、添加全局使用,修改环境变量

vi /etc/profile

在文件的末尾添加:

export NODE_HOME=/root/node

export PATH=$NODE_HOME/bin:$PATH

刷新配置

source /etc/profile

6、验证结果

node -v

npm -v

2个都出现版本号,说明安装成功了!

 

 

三、安装vue-cli

1、使用淘宝的NPM镜像

不然会很慢,使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm,

全局安装cnpm

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

检查一下

cnpm -v

 

2、npm安装模块

基本命令:cnpm install [name]

全局安装vue-cli:

cnpm install -g vue-cli

检查一下:

vue

vue -V

 

ok,分别打印vue的命令提示 和 版本号,说明安装成功。

 

四、部署项目

参考:https://www.cnblogs.com/alvin-niu/p/9502286.html

1、创建虚拟机;

2、上传vue项目到网站目录;

3、创建app.js

4、全局安装pm2

npm install pm2 -g

5、启动项目

启动:pm2 start /home/wwwroot/vue.imdupeng.cn/app.js

查看:pm2 list

 

6、编辑网站nginx配置文件,监听app.js中配置的端口

 

 

ok,可以访问了。

 

 

 

 

标签:

给我留言