前端小白建站一步到位_前端工程师自己建站

最新推荐文章于 2024-08-21 15:49:36 发布

2401_84433924

最新推荐文章于 2024-08-21 15:49:36 发布

阅读量413

点赞数 5

文章标签：前端

本文链接：https://blog.csdn.net/2401_84433924/article/details/138239616

版权

点击进入Xftp 和 Xshell 的下载地址

2）填写姓名邮箱和公司后，下载链接会发到你填写的邮箱里面，下载后就可以使用了

下面详细说一下如何链接主机和传输数据

1）重置云服务器上登录密码
在某云控制台中，找到自己所购买的云服务器实例，然后操作重置密码操作，这是重置的登录密码；
1. 测试是否能成功链接云服务器
  在某云控制台中，找到实例点击登录，登录Linux实例, 输入刚刚重置的密码
1. 成功打开一个新界面，你可以在这里控制你远端的Linux实例了
1. 虽然可以直接在某云的远程连接上对我们的云服务器进行操作，不过现在我们用Xshell来操作会更为方便：

（1）首先确保已经下载好了Xshell，
（2）新建会话，名称输入你想要的项目名称，主机用你购买的主机的公网IP，用户名root，密码为你之前重置的密码
在这里插入图片描述

（3）点击链接
（4）打开相同主机下的Xshell，此操作会自动登录Xshell;
在刚刚的Xftp软件上直接打开Xshell，我一般这两个都是同时开启的，因为Xftp方便传输文件，Xshell方便启动服务
在这里插入图片描述

OK, 现在你可以上传文件到云服务器啦

（二）准备建站

在云服务器上系统中安装Node.js 和Express框架
我云服务器上的系统是CentOS，相信大多童鞋数都是选的这个系统的
先看看Linux常用命令：

cd local   进入当前目录下的local文件夹
cd ..      返回上级目录

下载并安装Node.js（Linux系统下的安装文件）

（1）在Node.js官网中找到Linux系统对应Node的二进制安装包（.xz文件）
下载链接
在这里插入图片描述
点击鼠标右键，复制链接地址，等会好在Xshell中用命令在云服务器中安装Node
（2）首先确保Xshell已经连接上你的云服务器了，然后输入如下指令，我们默认把Node安装在usr/local的文件中
wget xxx 是一个下着文件的工具命令

cd 
cd ..
cd usr
cd local
wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz

（3）现在停留在了刚刚下载的Node压缩包的位置，
现在我们需要对压缩包进行解压和重命名（文件名以你下载的为准）

xz -d 强制解压
tar -xf 还原备份文件
mv 把node-v14.15.1-linux-x64文件夹改为node

xz -d node-v14.15.1-linux-x64.tar.xz 
tar -xf node-v14.15.1-linux-x64.tar 
mv node-v14.15.1-linux-x64 node

（4）在node执行文件中去检查node的版本，用于验证node是否安装成功

cd node/bin
./node -v

配置Node环境变量
和在windows一样，需要配置全局环境变量，才能在任何位置下使用Node的npm指令
1）在任意路径下输入以下指令：

vim /etc/profile

vim 是编辑器，用vim编辑器修改/etc/profile文件;
通过上下键将光标移至最下方，点击键盘【i】键启动文本编辑，在文本末尾键入如下代码
（如果你的node不是安装在local下，请更改下列NODE_HOME的值）

#set nodejs env 
export NODE\_HOME=/usr/local/node
export PATH=$NODE\_HOME/bin:$PATH
export NODE\_PATH=$NODE\_HOME/lib/node_modules:$PATH



### 紧跟潮流



大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/8f4634e85dd904c95364c9d62e0e9eff.png)