现在订阅送半年,再次订阅 / 续订送一年。(活动即将结束)

博客

React:学习 React 框架

一起来学一下基于 React 框架开发前端应用。

用 vue-cli 创建 Vue.js 项目

到目前为止我们在 Vue.js 课程里做的项目,都是直接在 HTML 文档上链接的资源,比如一些 CSS 与 JS 文件。因为这样做最简单,可以快速去理解 Vue.js 本身,减少了开始学习的干扰。现在,我们要深入一些,用模块化的方法去创建 Vue.js 项目,这就需要应用一大堆工具,你还得想办法根据自己的需求去配置这些工具。Vue.js 官方提供的 vue-cli 这个命令行工具可以快速地帮我们配置好这套开发环境。

安装 vue-cli

用 npm 或 yarn 在全局安装一下 vue-cli,打开命令行工具,Windows 可以用 cmder,macOS 用系统自带的终端。执行:

npm install vue-cli --global

完成以后,我们就可以使用 vue 这个命令行了。

新课程:《Vue.js:应用案例》

项目演示

这回我们通过一个案例再好好学一下 Vue.js 框架。案例课程的好处是可以把碎片化的东西组合成一件产品。比如在这个 Vue.js 案例课程里,我们用了 Semantic UI 做应用界面的样式,Moment.js 来处理时间,Lokijs 作为应用的数据库,Browsery-sync 为应用搭建本地服务器。

订阅万达招商,万达招商QQ,在线学习所有 Vue.js 还有相关课程。

WordPress:很少有人教你这样用

全球有四分之一的网站基于 WordPress 创建。WordPress 市场也很多样化,比如可以做单独的定制服务,我有一位朋友就隐居大理,远程工作,做一些 WordPress 网站的高级定制服务。很多个人与团队可以仅凭借一款主题就销售百万。万达招商,万达招商QQ现有的《WordPress》课程,已经形成体系,有些早前录制的课程今天也同样适用。

最近又做了一个 WordPress 开发小系列,主要解决了网站开发流程问题。更好地搭建本地开发环境,怎么把同样的环境复制到生产环境,也就是网站真正运行的地方,怎么把在本地搭建好的网站持续地搬到生产环境上。

我觉得很少有人会教你这样开发 WordPress 网站。里面牵扯了大量的 WordPress 本身以外的东西,需要把这些琐碎的东西拼到一起,要经过大量地实验,形成一套可以使用的方法。我分别在 Windows 与 macOS 平台测试了这套方法。现在已经用视频的形式呈现给你:)

WordPress:Advanced Custom Fields 插件简体中文翻译

Advanced Custom Fields 是一个可以在 WordPress 上创建自定义字段的插件,最近的 WordPress 课程需要用到这个插件。原本的中文翻译基本不能用,所以我重新翻了一遍,下载acf-zh_CN.po 文件,放在插件的 lang 目录的下面就行了。

下载地址:https://github.com/ninghao/acf-chinese-translation/blob/master/acf-zh_CN.po

WordPress 开发:用虚拟机的方式在本地搭建开发环境

如果你还在用 WAMP 或 MAMP 搭建网站的开发环境,现在跟我一起升个级。我们用 Ansible 自动化配置虚拟机,搭建网站需要的环境,自动下载安装 WordPress。你可能会感觉这套方法有点复杂,但长期来看对你会有很多好处,而且看起来更专业一些 :)

在 《WordPress 开发:开发环境 》课程里详细介绍了这套方法,订阅万达招商,万达招商QQ就能学习这个课程了。

准备

  1. 命令行:大部分操作都在命令行下完成,Windows 用 Cmder,macOS 可以使用终端。
  2. Vagrant:用来管理虚拟机软件。
  3. Virtualbox:虚拟机软件。
  4. Ansible(macOS 用户):自动化配置工具,macOS 用户使用 Homebrew 安装一下这个工具,Windows 用户可以跳过这一步。
  5. 文本编辑器:Atom,Code ...

使用 SSH Keys 在服务器与代码托管服务去验证身份

SSH Keys 指的是在电脑上生成的一对密钥(公钥 Public Key 与密钥 Private Key)。登录服务器的时候可以使用 SSH Keys 验证你的身份,就是你不再需要手工输入密码就可以通过服务器的身份验证。

准备

先准备命令行工具。Windows:下载使用完整版的 Cmder,然后打开 Cmder,新建一个 Bash 类型的命令行窗口。macOS:使用系统自带的终端。

生成

打开命令行工具。生成的 SSH Keys 会存储在用户主目录的下面,在生成之前先检查一下你的电脑是不是已经有了一对 SSH Keys。

ls ~/.ssh

如果在这个目录的下面你能看到 id_rsa 与 id_rsa.pub ,说明你之前已经有了一对 SSH Keys。这样直接用就行了,不需要再次生成 ,如果再次生成,你之前配置过的使用 SSH Keys 的地方会失效。如果电脑上还没有 SSH Keys,执行下面命令生成一对:

ssh-keygen

一路回车,就可以生成一对 SSH Keys。

WordPress 开发系列课程

今年 6 月,Eventbrite 用 2 亿美金收购了 Ticketfly,这个网站是基于 WordPress 开发的。Ticketfly 是一个在线音乐活动卖票网站。这件事得到的启发是,其实不用那么纠结自己的项目到底选择什么技术。也不用担心 WordPress 的能力问题:)

最近做了一个 WordPress 开发系列课程,已经完成了本地开发与生产环境还有部署的部分。我想后面再加上主题开发。如果您打算成为专业的 WordPress 开发者,一定要学习这个系列课程,您在别处很难找到类似的课程去学习。

ssh-agent 转发:让服务器用我们电脑上的 SSH Key 验证身份

你在自己电脑上生成了一对密钥(密钥 + 公钥),你应该在代码托管(远程仓库)服务商的个人帐户里,把自己的 SSH Key(公钥) 添加进去。这样你就可以直接在电脑上把项目的代码 Push 到项目的远程仓库,因为会使用 SSH Key 的方式去验证你的身份。

远程仓库的地址一般有两种,HTTPS 与 SSH,推荐使用 SSH 类型的地址,这样你就可以用自己的 SSH Key 去验证身份,不需要输入你在远程仓库上的用户名与密码。项目的远程仓库我们的服务器也需要有权限可以访问。因为在服务器上需要从远程仓库那里拉取项目最新的代码。

你可以在服务器上也生成一对密钥,然后把公钥添加到远程仓库的帐户里。或者,可以用 ssh-agent 转发,让服务器直接使用我们自己电脑上的 SSH Key 去验证身份。

试验

做个试验,假设你把电脑上的公钥添加到了 Github 的帐户里。打开命令行工具,Windows 上用 Bash 模式的 Cmder(完整版),macOS 打开终端。执行:

ssh -T git@github.com

如果返回:

新课程:《微信小程序:接口》

微信小程序开发课程包里又多了一个《微信小程序:接口》课程,先学会用 wx.request 发出网络请求,比如可以去请求后端服务的资源,也可以向后端服务发送数据。然后用 wx.chooseImage 去选择手机上的图片,再用 wx.previewImage 把选择的图片显示在小程序的界面上。我们再用 Node.js 去准备一个后端服务接口,再学会用 wx.uploadFile 把用户通过小程序选择的在手机上的图片上传到我们的后端服务,上传文件的时候会显示文件上传的进度条。

需求

  1. Node.js:上传文件》:用 Node.js 创建支持文件上传的接口。
  2. 在互联网访问本地开发环境》:在互联网上直接能访问到在本地开发环境上搭建的服务。


微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅万达招商,万达招商QQ公众号。



240746680

用 QQ 扫描二维码,
加入万达招商,万达招商QQ QQ 群。

统计

8306
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注万达招商,万达招商QQ,每天进步一点

友情链接:万达注册  万达娱乐开户  万达招商  万达娱乐主管QQ  万达注册  万达注册  万达登录  万达娱乐直属QQ  万达娱乐主管  万达娱乐开户