docker 运行vue项目 vuepress docker

VuePress由以Vue驱动的主题系统的静态网站生成工具和优化后的默认主题组成。在容易上手的同时，VuePress还兼容Markdown语法，因此VuePress很适合用于博客。（使用VuePress需要云服务器）
想要使用VuePress，需要对VuePress进行安装和配置。

1.设置安全组

这一步的目的是开放22和8080端口。22端口令ecs可以使用SSH连接，8080端口用于实现网页浏览。

配置如下：

2.安装Node.js
首先要做的就是连接服务器，我使用的是PuTTy。
使用淘宝镜像可以提高下载速度，所以本文内的镜像源均为淘宝镜像。
在登陆到ECS后，使用下面三行命令下载Node.js 13.9.0 64位安装包并且解压。
wget http://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz
sudo mkdir -p /usr/local/lib/nodejs
sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs

（以下命令为验证安装包是否解压成功，可以自由选择使用。
cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin
./node -v
如果出现的版本名与安装包的版本名相同，则为安装成功。）

接下来就是要让Node命令在全目录下执行，需要执行的代码如下:
.vim ~/.bash_profile
找到 PATH=$PATH:$HOME/bin，在PATH=$PATH:$HOME/bin 后⾯添加路 径:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin，结果为：

PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

保存修改，然后重载⼀下：
source ~/.bash_profile

(以下是验证是否其它目录也可以使用，可以自行选择是否使用：
cd
node -v
npm version
npx -v

如果在.vim ~/.bash_profile 这一步打开文件是空白的，我的解决方案是apt install nodejs直接暴力将其安装上，暂时没有想出好的方法。（同理，缺什么就直接暴力使用apt命令安装上去）
）

3.安装VuePress
输入以下两行命令进行全局安装：
npm config set registry https://registry.npm.taobao.org
npm install -g vuepress

输入以下两行命令，创建⼀个⽂件夹作为VuePress的⽬录：
mkdir try_blogs
cd try_blogs

随后输入以下命令进行项⽬初始化：
npm init -y

4.配置Vuepress
将初始化生成的package.json进行脚本配置：
vim package.json
修改scripts中的内容如下：

"scripts": {
 "docs:dev": "vuepress dev docs",
 "docs:build": "vuepress build docs"
 },

输入以下七行命令在当前⽬录中创建⽂档目录、.vuepress⽬录、md⽂件config.js配置⽂件、创建public⽬录：
mkdir docs
cd docs
mkdir .vuepress
echo ‘# Hello VuePress - first blog!’ >README.md
cd .vuepress
echo >config.js
mkdir public

回到try_blogs⽬录，执⾏命令：
vuepress dev docs

步骤截止到这里，使用公网IP打开的网页应当出现：
Hello VuePress - First blog!

那么VuePress在ECS上的初步搭建就结束了。