三丰云免费提供的云服务器可以选择linux或windows环境，对于开发爱好者来说是个非常好的选择，提供的宝塔界面操作，让你在linux下的安装配置像在windows下一样简单。
工具/原料
Thindpad E431
三丰云免费云服务器
Notepad++
npm
Vue.js
Xshell 6
NPM安装配置
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
第一个vue程序
1、安装vue-cli，称为vue脚手架cnpm install --global vue-clivue-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的界面。
