1.下载node.js
wget https://npm.taobao.org/mirrors/node/v14.7.0/node-v14.7.0-linux-x64.tar.xz
2.创建安装目录后解压,查看是否安装从成功
创建Node.js安装⽬录
sudo mkdir -p /usr/local/lib/nodejs
将⼆进制⽂件解压到要安装⽬录
sudo tar -xJvf node-v14.7.0-linux-x64.tar.xz -C /usr/local/lib/nodejs
使⽤查看node.js版本号命令验证是否解压成功
进⼊⽬录:cd /usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin
执⾏行行:./node -v
3.修改环境变量为以下内容,并重载保存
vim ~/.bash_profile
在 PATH=$PATH:$HOME/bin 后⾯面添加路路径 :/usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin ,结果为:
PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin
退出保存(:wq),然后加载
source ~/.bash_profile
查看是否成功
node -v
显示出版本号即可,v14.7.0
npx -v
显示6.14.7即可
4.安装vuePress
npm config set registry https://registry.npm.taobao.org
npm install -g vuepress
5.创建⼀个⽂件夹作为⽬录,初始化项目
mkdir try_blogs
cd try_blogs
npm init -y
6.设置package.json的脚本配置
vim package.json
修改package.json中的内容如下:
{
"name": "try_blogs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"docs:dev": "vuepress dev docs",##这里进行修改,此为修改后代码
"docs:build": "vuepress build docs" ##此为修改后代码
},
"keywords": [],
"author": "",
"license": "ISC"
}
7.在当前⽬录中创建⼀个vue目录并新建md文件
mkdir docs
cd docs
mkdir .vuepress
echo '# Hello VuePress - first blog!' >README.md
8.创建config.js配置文件和相关目录
cd .vuepress
echo >config.js
mkdir public
9.运行本地服务
一定要在 try_blogs 目录下运行启动命令
vuepress dev docs
浏览器中输入 http://ECS公⽹IP:8080
Tips:项目默认是8080端口,如果端口被占,可以通过.vuepress/config.js中port字段值进行修改
module.exports = {
port: 8081
}