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>

大家好我是爆炸头

代码蜂巢X

探索编程的无限可能

想象一下，不懂编程的人也可以快速搭建出自己的网站或应用，甚至还能做个俄罗斯方块小游戏，是不是很酷？通义网页版即将上线的代码模式正是为此而生。

10月24日，正值1024程序员节，通义网页版代码模式开放预约，首批邀请1024位用户抢先体验，不懂代码的人优先。

通义代码模式上线后，用户在用通义网页版输入问题时，能够将对话结果直观展现在一个专门的窗口里，一步到位进行应用预览。该模式可以支持多种不同类型的应用生成，包括网站、数据图表和小游戏等。

与通义灵码、AI程序员主要面向资深程序员的深度编码场景不同，通义代码模式提供了一种新的交互方式，针对简单的代码和应用生成需求，为用户创建一个动态的窗口，将生成的代码文件直接在网页上渲染成应用。

在网页设计与开发的过程中，经常会遇到需要展示数据的情况。比如电商网站的商品列表、新闻网站的文章列表等。如果手动逐个添加和更新这些数据，不仅工作量巨大，而且容易出错。Dreamweaver 的动态表格功能则为我们提供了一种高效、便捷的解决方案。

什么是Dreamweaver 动态表格功能

动态表格功能允许我们从数据库或其他数据源中提取数据，并将其以表格的形式动态地呈现在网页上。通过简单的设置和操作，我们可以轻松地定义表格的结构、样式以及数据的来源和显示方式。当数据源中的数据发生变化时，网页上的表格也会自动更新，无需手动修改代码。

一、前段时间在用QGraphicsView对图元进行放大缩小时，发现图形总是越来越跑偏，无法像地图中那样，点击哪里就能放大哪个地方。
如下所示：此时放大缩小的焦点并不在鼠标位置

一直以来都是有个编程梦，但是苦于学编程太过于繁琐，英文又不好，一直在慢慢摸索中，但是自从接触到AI编程后，感觉真的太简单了，做个网站用对话的形式轻轻松松搞定。

今天正好有时间，就对最近比较火热的V0，Bolt.new，Cursor，Windsurf四个编程软件进行测评下，看看到底用谁写代码更简单更方便？

Enigo：Rust 中的 "键盘鼠标操控大师"

如果你想在 Rust 中控制键盘和鼠标（比如做自动化操作、游戏脚本或 GUI 测试），那 enigo crate 绝对是你的不二之选！它就像一个 "远程操控器"，能模拟鼠标点击、键盘输入，甚至移动鼠标指针，跨平台支持 Windows、macOS 和 Linux。