昨天，AI界自媒体和头部大佬@数字生命卡兹克

在工作中设计师不会写代码，懂代码的不会设计，2种不同工作互掐的情况屡见不鲜，那我们如何把这2项工作一并融合贯通呢？对于不懂代码的职场“小白”，我们可以利用一些零代码工具来完成。今天小编介绍几款在线开发设计工具，让你不懂代码就能轻松制作。

1、傻瓜式制作交互内容--vxplo工具

vxplo是一款基于云端的网页交互设计工具，用户无需编写代码，在线编辑功能可以通过拖动，释放，设置和其他多媒体元素可视化操作来实现。

A、安装

npm install ace-builds

B、在uniapp中使用

<template>
	<view class="content">
	   <div id="editor">ssss</div>
	   <button v-on:click="bb">格式</button>
	   <button v-on:click="aa">压缩</button>
	</view>
</template>

<script>
	 import ace from 'ace-builds/src-noconflict/ace';
   import 'ace-builds/src-noconflict/mode-javascript';
	 import 'ace-builds/src-noconflict/mode-golang';
	 import 'ace-builds/src-noconflict/mode-json';
	 import 'ace-builds/src-noconflict/mode-html';
    import 'ace-builds/src-noconflict/theme-monokai';
	 import 'ace-builds/src-noconflict/theme-dracula';
   import 'ace-builds/src-noconflict/ext-language_tools';
	 import 'ace-builds/src-noconflict/ext-beautify';
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		  mounted() {
		    this.initEditor();
		  },
		onLoad() {

		},
		methods: {
			initEditor() {
				    const editor = ace.edit('editor'); // 初始化Ace Editor
             //editor.setTheme("ace/theme/dracula");
				    editor.setTheme("ace/theme/monokai");    //主题
					  editor.session.setMode("ace/mode/json"); //语言类型
				    //editor.session.setMode("ace/mode/golang");
				    //editor.session.setMode("ace/mode/javascript");
				    editor.setValue('{}'); // 设置初始代码值
			},
			bb(){
				const editor = ace.edit('editor'); // 初始化Ace Editor
				editor.session.setMode("ace/mode/json");
				var code =editor.getValue();				
				JSON.stringify(JSON.parse(code), null, 2)
				editor.setValue(JSON.stringify(JSON.parse(code), null, 2));
			},
			aa(){
				const editor = ace.edit('editor'); // 初始化Ace Editor
				editor.session.setMode("ace/mode/json");
				var code =editor.getValue();
				let ss = JSON.stringify(JSON.parse(code))
				editor.setValue(ss);
			}
		}
	}
</script>
<style>
  #editor { width: 100%; height: 700px; font-size: 14px;line-height: 20px;}
</style>

最近发现一个 AI 平台，可以抓取根据你输入的网址，去抓取这个网页的样式，并帮你生成这个网页的页面代码

今天教大家一个比较简单实用的Web小应用：简单计算器。

这个案例比较简单、比较直观，适合小孩或者初学编程者进行编程入门的练习。

大家好我是爆炸头

为什么要淘汰集成面板？

当你还在依赖phpstudy的一键安装时，专业开发团队早已转向容器化架构。集成面板看似便捷，却隐藏着致命缺陷：Windows环境与Linux生产服务器存在本质差异，换行符（CRLF/LF）、文件权限、扩展版本等问题常导致"本地运行正常，上线即崩"的尴尬。某电商项目曾因phpstudy默认开启的magic_quotes_gpc配置与生产环境冲突，造成订单数据错乱，直接损失超30万元。

作为程序员，天天跟电脑和代码打交道，有时候就需要一些工具来提升我们的效率。下面介绍一些 Windows 系统上发现的一些好用的工具，工作效率up。

ServBay - 本地Web开发环境管理工具

啥都别说了，ServBay必须排在第一个。作为Web开发者，这个工具可太必要了。

对于Web开发者来说，在本地电脑上配置和管理Python、Node.jsPHP、MySQL、Nginx等开发环境是一件比较繁琐的事。ServBay是一个集成了这些常用服务的工具，它提供了一个图形化界面，让你能够方便地启动、停止和切换不同版本的服务，不仅如此，而且它还支持SSL证书，在开发过程中省去了大量手动配置的时间，这样我就可以更专注于开发工作本身。

私有云服务器搭建，解决空间限制，适合小公司或者个人使用，nextcloud是开源的项目。搭建相对简单，下面就说说搭建步骤。

一、必备技能

搭建私有云服务需要一点专业知识，nextcloud是php开发的开源软件，需要了解php的运行环境，对ubuntu的系统有一点了解，会操作linux的基本命令。这里的nextcloud的18.0.1版本需要在php7.2已上的环境运行。

二、搭建环境