初出茅庐,记笔记提点自己。

准备工作:首先在云主机上设置安全组。

点击“安全组”,进入安全组设置界面,如下图所示:

点击“配置规则”进入安全组创建界面。

为了使用http通过8080端口用浏览器访问云主机的web工程,需要分别创建8080的入方向和出方向的安全组。配置如下:

方向的配置一样,就把“规则方向”改成“出方向”。

阿里云的配置基本结束,下面开始vuejs安装:

从nodejs官网(http://nodejs.cn/download/)下载安装包,解压node安装包并进行重命名:

解压安装包:

创建软连接,让node命令在任何文件下都可以使用:

创建好软连接之后检查node和npm是否安装完成:

测试node没问题,安装cnpm:

验证cnpm是否可用:

安装vue-cli:

安装好后创建软连接:

使用vue-cli创建vue-demo项目:

下载完成执行下列命令,查看项目运行效果:

完成工程搭建之后需要用浏览器访问阿里云主机上的这个工程,需要设置项目中index.js的配置,将host设置成私有网络,用户根据公网ip就可以访问该项目了。

浏览器访问:

基于阿里ECS云主机搭建Vuejs工程相关推荐

  1. Esp8266进阶之路12 图文并茂学习阿里云主机搭建8266MQTT服务器,实现移动网络远程控制一盏灯!

    本系列博客学习由非官方人员 半颗心脏 潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. Esp8266之 搭建开发环境,开始一个"hello ...

  2. 基于京东云GPU云主机搭建TensorFlow深度学习环境

    TensorFlow是一个开放源代码软件库,用于进行高性能数值计算.借助其灵活的架构,用户可以轻松地将计算工作部署到多种平台(CPU.GPU.TPU)和设备(桌面设备.服务器集群.移动设备.边缘设备等 ...

  3. 阿里云主机搭建网站,并使外网可访问到

    一.在阿里云主机搭建网站 1.连接上阿里云主机,在里面操作:(在本地的电脑使用远程桌面连接即可,输入公网IP和用户密码进行连接) 下载phpstudy(一个类似WEB服务器的软件工具,搭建服务器环境) ...

  4. 从零开始部署基于阿里容器云的微服务(consul+registrator+template)(一)

    长话短说,本文旨在记录基于阿里容器云的微服务部署过程,让大家对阿里容器云的使用,微服务的部署有一个整体认识.这个话题我会分几篇文章阐述,由浅入深,部署由笨拙到灵巧,大家一起学习,进步!今天我们说说来看 ...

  5. 如何在服务器搭建oa系统,如何在云主机搭建oa服务器

    如何在云主机搭建oa服务器 内容精选 换一换 为了更加安全高效的使用云监控服务提供的主机监控功能,我们提供了最新方式的Agent授权方法.在安装主机监控Agent前,仅需要一键式单击该区域的授权按钮或 ...

  6. 从零开始,打造基于阿里IoT云平台的LoRa解决方案(3)_配置产品功能,将上传数据解析为阿里云平台数据格式

    本篇是 <从零开始,打造基于阿里IoT云平台的LoRa解决方案>系列教程的第3 篇,将为大家讲解:1-如何配置产品功能?2-如何将产品的上传数据解析为阿里云平台数据格式? 查看阿里物联网平 ...

  7. 怎样利用腾讯云或者腾讯云主机搭建自己的网站

    自从云技术兴起后,搭建属于自己的网站就变成一件非常简单的事情.这里主要介绍博主自己使用的两种方法:腾讯云服务器和腾讯云主机作为网站的服务器搭建网站. 1.腾讯云主机搭建网站的办法 1)购买网址 2)买 ...

  8. GOGLE CLOUD PLATFORM云主机搭建过程及使用XSHELL远程SSH连接配置

    最近申请注册了Google的云计算服务,现在申请可以获得免费12个月的使用权,账户还会获得300美刀的支持!可以说优惠力度还是相当大的,具体申请开通流程就不多介绍了,网上有很多教程,而且也很简单,总结 ...

  9. 云主机mysql环境_云主机搭建php+mysql运行环境教程(护卫神 PHP套件)

    目前windows系统使用iis来搭建php+mysql环境的居多,由于手动配置会出现很多意想不到的错误以及安全上的问题,这里推荐的是护卫神·PHP套件,可以非常方便的搭建好php+mysql+php ...

最新文章

  1. Java归去来第2集:利用Eclipse创建Maven Web项目
  2. python旅游推荐系统_用python写一个简单的推荐系统
  3. 照亮云备份的“钱”途
  4. 前后端分离中使用基于jwt的token进行身份认证
  5. 让时间倒流的保存点:用Apache Flink的保存点技术重新处理数据流
  6. java3.3-3.6类与对象2020.3.13
  7. Visual Studio Code使用问题
  8. (原创)面向对象的系统对接接口编写。第4篇
  9. 【Java】 归并排序的非递归实现
  10. Quartus II 9.0正式版下载
  11. 【浅墨著作】《逐梦旅程:Windows游戏编程之从零开始》勘误配套源代码下载...
  12. element-ui 固定弹窗底部的按钮
  13. 华表 java_华表基础(转)
  14. android 解析rss,在Android中解析RSS源
  15. Codeforces Round #734 (Div. 3)_B2. Wonderful Coloring - 2(贪心)
  16. Binder基石-Parcel
  17. 计算机学win7画图,Windows7电脑基础使用画图程序画一个小鸭
  18. Unity插件篇:Pocket RPG Weapon Trails(武器拖尾特效)部分解读以及基本用法
  19. 哈工大车万翔:自然语言处理范式正在变迁
  20. HTML,CSS,JS

热门文章

  1. 【SAP S/4 1511之变】:主数据之变
  2. CoreBluetooth.framework基本使用
  3. 爬虫_古诗文网(正则表达式)
  4. C# 解决连接Oracle数据库提示“需要Oracle客户端软件version8.1.7或更高版本”的问题
  5. 对MSP430F5438的时钟及uart配置
  6. 数据结构与算法|第1节
  7. 《C陷阱与缺陷》第一章【词法“陷阱”】
  8. TED演讲视频生成概括短文后生成抖音视频(用到ChatGPT)
  9. SeSe 2004年9月18日, 0:59:51
  10. Steam浏览游戏、下载DLC有区域限制