首页
学习
活动
专区
圈层
工具
发布

这款国外开源框架, 让你轻松构建自己的页面编辑器

按照我一向的写作风格,我会在下面列出文章的大纲,以便大家有选择且高效率的阅读和学习: GrapesJS 框架基本介绍 如何使用 GrapesJS 构建 web 编辑器 基于 GrapesJS 构建的开源网页编辑器...GrapesJS 是一个多用途的 Web 页面搭建框架,这意味着它允许我们轻松创建一个支持拖放的任何具有类似 HTML 结构的构建器。它所包含的内容远不止网页。...GrapesJS 附带的功能和工具使我们能够制作易于使用的编辑器。...如何使用 GrapesJS 构建 web 编辑器 1....src="//unpkg.com/grapesjs"> 也可以通过 npm 来安装: npm i grapesjs -S 之后我们可以通过如下方式导入到项目: import 'grapesjs

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    npm依赖(构建编译)

    建议直接点击阅读原文,可查看兼容和代码 系列 √npm依赖:构建编译 请戳这里,持续更新 √npm依赖:框架平台 请戳这里,持续更新 √npm依赖:类库工具 请戳这里,持续更新 构建工具 bower:...项目构建 gulp: 项目构建 gulp-cli: Gulp依赖 n: Node版本管理 node: JS引擎 npm: 依赖管理 nrm: NPM镜像管理 nvm: Node版本管理 parcel:...项目构建 require: AMD项目构建 rollup: 项目构建 sea: CMD项目构建 webpack: 项目构建 webpack-cli: Webpack依赖 yarn: 依赖管理 yeoman...# 前端汇总系列:npm依赖(构建编译) 系列 √npm依赖:构建编译 请戳这里,持续更新 √npm依赖:框架平台 请戳这里,持续更新 √npm依赖:类库工具 请戳这里,持续更新 构建工具 bower:...项目构建 gulp: 项目构建 gulp-cli: Gulp依赖 n: Node版本管理 node: JS引擎 npm: 依赖管理 nrm: NPM镜像管理 nvm: Node版本管理 parcel:

    2.4K50

    使用NPM

    为了避免造轮子,我们有时候会用到其他人的劳动成果,比如一些优秀的框架,比如Express,我们直接使用NPM下载下来就可以用了,降低开发成本和时间。...安装 安装好nodejs后就安装好了npm,这时系统自带npm命令 如何使用 以为Express来举例。 npm 的官网可以找到 npm 包。...生成方法 运行npm init初始化一个项目。 他会让你回答一些关于这个项目的信息,一直按回车,因为这些信息后面可以改,最开始使用默认的就好。 ? 然后就会生成一个package.json的文件。...使用package.json 命令:npm install package.json记录了安装包的所有安装信息,那么别人得到这些信息如何把这些包安装下来呢(安装到他的本地) 使用命令npm install...离线下载,如果你懂 ruby,这个有点像 bundle,就是之前下载过一次,这个包就会放到电脑上的一个地方,下次别的项目要使用同一个包的时候就不用下载了,而是做一个链接,这样速度超级快,这一点很重要,npm

    1.4K30

    npm 使用小结

    可以通过查看版本号来检测 npm 是否已经安装成功: npm -v 如果已经安装了npm,想要升级,只需要一条命令即可: npm install npm -g package.json 简介 使用 npm...查看 npm 命令列表** npm -h 查看所有命令使用方法 npm -l 查看某条命令详细帮助信息 如:要查看 npm install 命令的详细帮助信息 查看命令的快捷帮助信息 npm install...如果使用 -f / --force 或 -y / --yes ,npm 会使用默认值为你创建 package.json 文件,不再询问任何问题。...旧版本的 npm 会递归检查所有的依赖。如果要达到旧版本的行为,请使用npm --depth 9999 update。 npm config npm config 命令用于管理配置文件。...npm run 如果在 package.json 文件中的 scripts 字段定义了命令,就可以使用 npm run 来执行脚本命令。

    1.2K100

    微信小程序怎么构建npm?

    作者:陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 文章目录 前言 为什么需要构建npm? 一、npm是什么?...---- 前言 为什么需要构建npm? 因为系统引入外部UI库时需要的。不然外部的UI库运行不起来. 一、npm是什么?...npm (全称Node PackageManager,即node包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统npm来分享和使用代码已经成了前端的标配 npm 是 JavaScript...npm i miniprogram-sm-crypto --production 第六步: 微信小程序开发工具: 工具—》构建npm点击这样就是成功的标识。...就可以使用外部的ui库了,什么叫做外部ui库? 不是微信小程序官方定位的组件库!!

    8.5K10

    【NPM】361- 10个 NPM 使用技巧

    ) 但是,进一步了解一些 npm 的使用技巧可以彻底改变你的日常开发任务。...之后,你也可能需要重新构建 C++ 扩展: npm rebuild 如果你需要管理多个版本的node.js和npm,可以考虑使用 n 或者 nvm。...这有一篇关于 nvm 的文章:使用 nvm 安装多版本的Node.js 5.定义默认的 npm init 使用 npm init 初始化一个新的项目,这会提示你关于项目的更多细节,并创建一个 package.json...npm Discover npm Discover 定位于快速搜索和其它模块通常一起使用的模块,如 body-parser 通常和Express一起使用。...10.使用开发中的模块 当你正在开发一个模块时,会经常想在其它项目中尝试使用或者在任何一个目录运行它(如果你的应用支持),这时没必要将其发布到 npm,并全局安装---仅需在该模块所在目录使用下面的命令

    74120

    NPM 使用介绍(上)

    NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。...允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。.../npm 如果是 Window 系统使用以下命令即可: npm install npm -g 使用淘宝镜像的命令: npm install -g cnpm --registry=https://registry.npm.taobao.org...---- 使用 npm 命令安装模块 npm 安装 Node.js 模块语法格式如下: $ npm install 以下实例,我们使用 npm 命令安装常用的 Node.js...可以直接在命令行里使用。 如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link。

    70020

    NPM 使用介绍(下)

    ---- 版本号 使用NPM下载和发布代码时都会接触到版本号。NPM使用语义版本号来管理代码,这里简单介绍一下。 语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。...NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。...使用npm help 可查看某条命令的详细帮助,例如npm help install。 在package.json所在目录下使用npm install ....使用npm update -g可以把全局安装的对应命令行程序更新至最新版。 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。...---- 使用淘宝 NPM 镜像 大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

    84720

    npm入门使用介绍

    文章目录 写在前面 什么是npm 为什么需要npm 安装npm npm 常见操作 安装淘宝镜像 为什么要镜像 方式一: 方式二: 安装第三方库(基本使用) 安装特定版本 全局安装 默认安装 (运行时依赖...,我在没有系统的看过npm之前也是这么认为的,其实npm要比我们想的强大,特别是最新的版本之后,弥补了之前npm本身的一些缺点,所以这篇文章就介绍一些npm的基本的安装和使用,本篇文章旨在介绍npm,所以我会尽量将阅读者当作是想获悉...什么是npm npm 全称比较好记 叫做 node package manger nodejs的包管理器,这是他的官网,就是用来管理我们日常开发中需要使用到的一些工具,比如jQuery、BootStrap...set registry https://registry.npm.taobao.org 检测是否安装成功 npm config get registry 安装第三方库(基本使用) 安装jQuery...他的优点比较明显,上述的npm的缺点解决掉就是yarn的优点,不过也说了,最新版本的npm后续已经也解决了这些问题,所以项目具体使用什么,自己决定就好了。

    61120

    npm日常使用总结

    文章目录 写在前面 什么是npm 为什么需要npm 安装npm npm 常见操作 安装淘宝镜像 为什么要镜像 方式一: 方式二: 安装第三方库(基本使用) 安装特定版本 全局安装 默认安装...,毕竟一个工具类型的东西有什么好写的,我在没有系统的看过npm之前也是这么认为的,其实npm要比我们想的强大,特别是最新的版本之后,弥补了之前npm本身的一些缺点,所以这篇文章就介绍一些npm的基本的安装和使用...什么是npm npm 全称比较好记 叫做 node package manger nodejs的包管理器,这是他的官网,就是用来管理我们日常开发中需要使用到的一些工具,比如jQuery、BootStrap...set registry https://registry.npm.taobao.org 检测是否安装成功 npm config get registry 安装第三方库(基本使用) 安装jQuery...他的优点比较明显,上述的npm的缺点解决掉就是yarn的优点,不过也说了,最新版本的npm后续已经也解决了这些问题,所以项目具体使用什么,自己决定就好了。

    45920
    领券