使用免费云服务器Linux下搭建Vue.js

1、vue可以直接下载.js文件引入项目文件中，也可以使用npm命令来安装。我们选择后者进行折腾。

先登录三丰云宝塔管理界面，点击右侧“软件管理”；

2、找到node.js的管理器，包含了npm，点击安装，选择极速安装（默认）即可。

此时会自动下载安装包进行安装（包括所有关联包），无需你干预操作。

安装持续大约1分钟左右即可完成。

3、此时，我们使用Xshell6命令行连接服务器；查看npm版本（6.4）；

当然，你也可以在宝塔界面查看版本信息（在软件列表中，点击“设置”即可 查看）。

4、因速度问题，我们使用npm的淘宝镜像cnpm来安装。

先安装cnpm；

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

5、再使用cnpm来安装vue.js；速度非常快，几秒时间即可。

cnpm install vue

1、安装vue-cli，称为vue脚手架

cnpm install --global vue-cli

vue-cli这个构建工具降低了webpack的使用难度，相当于启动了一个请求服务器，给你搭建了一个测试环境

2、安装完成后，再创建一个基于 webpack 模板的新项目，进行配置项目信息

vue init webpack vuedemo

创建过程中，会确认 project name等信息，并输入author；

一些确认直接回车即可；

3、创建完成后，进入项目目录vuedemo，安装依赖文件；

cnpm install 

运行即可；因用错命令，使用了npm，安装有些慢，直接停止使用cnpm安装，速度超快；

4、运行程序

cnpm run dev

出现Listening at http://localhost:8080表示运行成功；

5、当前是localhost，我们修改为ip方式；

在项目目录 下有一个package.json，编辑即可。

直接使用三丰云的宝塔面板进行编辑修改；

直接找到config下的index.js进行修改，换成当前公网ip，保存即可。

6、再去目录下cnpm run dev执行；

7、验证，直接访问此地址查看；

因有做安全控制，要先开放8080端口的访问；

在浏览器输入ip+端口就可以看到vuedemo的界面。