基于vue+node.js+阿里云个人博客搭建

---

前言

兴趣使然的一个前端网站，又因为找不到操作性强的环境，就自己搭了服务器，用自己熟悉的框架去写。

---

一、准备工作

搭建服务器首先需要你不说掌握，最起码了解前后端，然后基于自己的侧重点选择，因为我是前端，所以选择了node.js作为后端，vue框架做为前端。然后就是需要有一个自己的服务器，服务器可以去阿里云、腾讯云之类的云服务器租一个。这里拿阿里云服务器作为例子。

二、部署开发环境

1.重置服务器密匙

示例：

在侧边栏找到实例与镜像，然后选择实例，找到自己的服务器，点击更多》密匙》修改密匙，改为自己设置的密码，然后重启服务器

2.链接云服务器

首先复制云服务器的公网IP，然后按下win+R，打开命令行工具。

   ssh -v

• 可以先检查下系统中是否有ssh工具，如果已安装则会提示版号。
• 输入ssh root@XXX.XXX.XXX.XXX(后边跟自己的公网IP) 然后会提示是否链接
• 同意后输入服务器密码即可连接成功

3.安装node.js到服务器

1. 执行以下命令，下载node.js安装包

   	wget https://npm.taobao.org/mirrors/node/v12.4.0/node-v12.4.0-linux-x64.tar.xz

2.解压node.js安装包

	tar -xvf node-v12.4.0-linux-x64.tar.xz

3.重命名node.js安装目录

	mv node-v12.4.0-linux-x64/ /usr/local/node

4.配置node.js

1. 将node.js的可执行文件目录加入到系统环境变量中

	echo "export PATH=$PATH:/usr/local/node/bin" >> /etc/profile

2. 将node.js的可环境变量立刻生效

	source /etc/profile

3. 查看node和npm版本，检查是否成功安装

	node -v
	npm -v

三、上传项目

1.在本地新建express项目

1. 先确认本地有没有node.js
   在命令行控制台输入node -v 查看版本号，没有则需要去
   node.js官网下载
2. 下载node.js之后， 安装express插件模块，然后创建express项目

	npm i -g express-generator	//express模块
	express myapp   //创建名为myapp的项目

3. 创建成功之后进入项目，安装项目依赖，然后启动

	cd myapp	//cd为进入当前目录下的指定目录
	npm i		//下载依赖
	npm start	//启动项目

成功启动后输入网址，如果能打开则启动成功

	localhost:3000

2.打包前端项目

打包前端项目之后当前目录下会出现dist文件，然后在本地测试生产环境，防止出错

	npm i serve -g	//下载测试环境
	serve -s dist -l 3001 //在测试环境下运行，3001为端口，在网页打开看是否能运行

成功之后将dist中所有的文件都复制到我们创建node.js项目中的public目录下

3.上传部署项目

1. 将上边处理好的项目上传到云服务器，这里我用的是finalShell（拖动上传还挺方便的hhh）
2. 上传好后先使用cd进入到项目目录

	cd my_desk

成功进入之后就可以下载依赖然后运行项目了~

	npm i	//下载依赖
	npm strat	//运行项目

---

总结

运行之后我们就可以使用服务器的公网ip访问了

	XXX.XXX.XXX.XXX:3000	//前边是公网IP，后边是默认的端口号