技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-6.迁移本地数据到服务器(mongodump)

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-6.迁移本地数据到服务器(mongodump)

1.获取本地数据库数据在node项目中,找到当初我们的数据库配置:找到我的数据库名为node-mine,所以根据数据库名调取数据库,使用mongodump方法:// -d表示需要导出的是数据库 mongodump -d node-mine糟,有报错,需要配置系统变量。找到mongodb的bin目录,...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-5.配置Nginx反向代理

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-5.配置Nginx反向代理

我们需要根据域名访问项目,那么就需要配置Nginx反向代理,让访问的域名转发到localhost:3000上。1.vscode安装remote-ssh插件由于要操作很多文件,所以我们需要一个可视化工具进行修改项目。vscode中的remote-ssh插件可以如本地操作一样,直接在本地操作服务器项目。...

JavaScript入门与实战

52 课时 |
19699 人已学 |
免费

JavaScript 自学手册文档教程

65 课时 |
3411 人已学 |
免费
开发者课程背景图
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-4.git拉取代码到服务器

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-4.git拉取代码到服务器

1.将本地代码上传到git服务器git是国外代码库,可以使用国内gitee码云。没有账号直接注册即可,点击创建仓库:设置仓库:点击创建后,查看入门教程,我们开始上传代码到git服务器:(1)在本地安装git在技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-3.nginx配...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境

1.安装git bash每次我们登录服务器都需要到登录阿里云进入实例,而为了更方便且一些后续工作的执行,现在下载git bash进行ssh命令远程连接服务器。据说mac系统自带ssh,大家自行终端测试,没有的话跟我到git官网下载。由于我之前下载过,就不跟大家一起下载了,基本上就是无脑安装,最后一步...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-2.购买域名服务器并解析域名到服务器

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-2.购买域名服务器并解析域名到服务器

以阿里云为例,之前使用PHP搭建网站时就开始使用,售前售后运营工作人员解决问题很好,非常方便。1.购买域名域名不多说,在阿里云官网点击购买域名,输入自己喜欢的域名进行查找,另外.top后缀的域名非常便宜,首次九块钱一年。同时,建议域名和服务器在同一个运营商购买,这样解析域名会方便些,否则非常麻烦,我...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-1.生产环境编译

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-1.生产环境编译

目前我们编辑的vue组件文件、scss样式工具文件都是在开发环境中作用的,我们需要使用npm run serve方法开启端口进行访问。但在生产环境(项目上线环境)下,我们需要将开发环境中的文件编译成生产环境代码,将vue组件文件和scss样式工具文件编译成静态的html、css文件,同时将admin...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装

本篇文章我们封装一个卡片组件,不使用elementui中的卡片样式而仿照其逻辑制作,我们可以更深入理解并易于修改出自己想要的样式。1.制作出我们想要的框架<div class="card p-3 bg-white mt-3"> <div class="card-header d-f...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-5.使用字体图标(iconfont)

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-5.使用字体图标(iconfont)

由于之前是做UI的,在之前的图标使用中,我都是直接将icon下载成png格式来做图,然后在网页中以img形式引入并显示。后来发现svg格式小一些,在网页中就用svg格式图标。今天明白了阿里图标库真正的使用方法,没有使用过的朋友一起学习下。1.找图标在图标搜索引擎中找我们需要的图标,选中之后加入购物车...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-4.vue广告轮播图,并使用接口引入数据

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-4.vue广告轮播图,并使用接口引入数据

1.下载组件包Vue-Awesome-Swiper并引入Vue-Awesome-Swiper链接cd web npm i vue-awesome-swiper2.使用vue-swiper在首页组件Home.vue中使用该组件,使用方法为外层 < swiper > 内部 < swip...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端

1.用sass工具定义flex布局样式flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式具体在什么场景如何得到效果大家去链接中测试。sass工具定义:/...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6419+人已加入
加入
相关电子书
更多
现代Javascript高级教程
JS零基础入门教程(上册)
Javascript异步编程
立即下载 立即下载 立即下载