前言

最近闲来无事，有个idea需要实现。目前只是使用flask作为后端接口，前端想使用个比较好用的框架，然后就选择了vue。先入门vue，然后使用vue+flask进行前后端分离的开发。

环境的准备：

系统环境：centos7

1、安装node.js

下载node.js的源码包

wget https://npm.taobao.org/mirrors/node/v8.7.0/node-v8.7.0.tar.gz

安装gcc和g++编译工具

sudo yum install gcc gcc-c++

解压：

tar -zxvf node-v8.7.0.tar.gz

cd node-v8.7.0

./configure

make && make install 

node -v  #验证node.js安装正确

在安装编译的过程中可能会遇到一些问题，因为node编译可能需要过高的gcc版本或者等等。提供一个最暴力的安装办法：

直接安装编译好的二进制文件：

node.js下载包

将linux的二进制包下载下来。然后解压，添加系统环境就行

#注意： 二进制包是xz后缀结尾的打包文件，请先下载xz解压

vi /etc/profile

# 添加一下三条到文件尾部

export NODE_HOME=/path/to/node

export PATH=$PATH:$NODE_HOME/bin

export NODE_PATH=$NODE_HOME/lib/node_modules

source /etc/profile

安装vue-cli工具

1.先更换国内淘宝源

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装vue-cli工具

cnpm install -g vue-cli

开始使用

vue init webpack-simple demo01

出现输入提示，一路enter 下去

cd demo01

cnpm install

#开启服务

npm run dev

然而，我centos上没有浏览器，只能用

curl localhost:8080

输出为：

输出结果

最好修改一下vue的配置文件：

vi webpack.config.js

修改文件

查看当前centos的ip（我的是虚机）。

然后使用pc端访问ip（确认主机和虚机能ping通），得到下面的输出即可。

结果

以上。