1.注册一个新的阿里云ECS(然后连接)
2.1 wget命令下载Node.js安装包。该安装包是编译好的文件,解压之后,在bin文件夹中就已存在node和npm,无需重复编译。
wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz
2.2 解压文件。
tar xvf node-v6.9.5-linux-x64.tar.xz
2.3 创建软链接,使node和npm命令全局有效。通过创建软链接的方法,使得在任意目录下都可以直接使用node和npm命令:
ln -s /root/node-v6.9.5-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v6.9.5-linux-x64/bin/npm /usr/local/bin/npm
2.4 查看node、npm版本。
node -v
npm -v
3. 部署node看安全组是否打开
3.1 新建项目文件example.js。
cd ~
touch example.js
3.2 使用vim编辑器打开项目文件example.js。
yum install vim
vim example.js
输入 i,进入编辑模式,将以下项目文件内容粘贴到文件中。使用Esc按钮,退出编辑模式,输入:wq,回车,保存文件内容并退出。
项目文件内容:
const http = require('http');
const hostname = '0.0.0.0';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World\n');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
3.3 运行项目。
node ~/example.js
最后浏览器访问http://实例公网IP地址:端口号
4. 在本地创建react 项目
4.1 安装creat-react-app cli
npm install -g create-react-app
4.2 创建工程
create-react-app react-ld
然后进入项目根目录react-seed安装相关依赖
cd react-ld
npm install
4.3 暴露配置项
由于采用create-react-app创建的项目webpack等配置信息都是封装好的,所以为了灵活修改相关配置,可以通过以下命令让封装好的配置文件暴露出来。
npm run eject
5. 把创建好的工程上传服务器.(如果用用zip压缩 :yum install -y unzip zip;)
6. 运行
首先对项目进行打包。
npm run build
可以通过以下命令在本地环境运行打包后的项目。
serve -s build
如果没有serve
npm install -g serve
export PATH=$PATH:/root/node-v6.9.5-linux-x64/bin/