安装react
yarn create react-app monaco-app
cd monaco-app
yarn start
安装monaco
yarn add monaco-editor
yarn add react-monaco-editor
yarn add monaco-editor-webpack-plugin -D
安装webpack 插件,添加 monaco-editor-webpack-plugin 到 webpack.config.js 中
由于脚手架创建的项目没有webpack.config.js文件,官方默认配置文件都是隐藏的,运行yarn add eject 即可生成一个config目录里面即是我们想要的配置文件
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
module.exports = {
plugins: [
new Mo

本文档介绍了如何在React项目中使用Monaco Editor。首先,详细讲述了如何安装React、Monaco Editor及其对应的webpack插件。然后,提到了在没有webpack.config.js文件的情况下,可以通过'create-react-app'的'eject'命令生成配置文件。最后,文中提到了在App.js文件中添加必要的代码来实现编辑器的集成。
最低0.47元/天 解锁文章
4095

被折叠的 条评论
为什么被折叠?



