npm安装包后如何查看全部命令/脚本及独立使用相关问题咨询

1. 查看npm包支持的全部可用命令和脚本 #

• 全局安装的包：直接执行[包名] --help即可输出该包所有支持的命令行参数、子命令说明，比如全局安装的TinyMCE执行tinymce --help就能查看所有命令。
• 项目本地安装的包：
  • 先查看项目根目录下的package.json文件，scripts字段里列出了当前项目绑定的所有和该包相关的可执行脚本，使用npm run [脚本名]即可调用。
  • 也可以进入项目node_modules/[对应包名]目录，查看包自带的README文档，里面会详细标注所有支持的命令、参数说明。

2. 独立使用已安装的npm包（以全局安装的TinyMCE为例） #

TinyMCE是前端富文本编辑器组件，全局安装后一般用于命令行自定义构建、静态资源导出，若要嵌入页面使用也可以配合构建出的资源操作：

2.1 命令行使用 #

执行tinymce build即可自定义构建你需要的TinyMCE核心包+扩展插件组合，构建出的静态资源可以直接引入到前端项目或HTML页面中使用。如果需要查看构建支持的自定义参数，执行tinymce build --help即可。

2.2 页面嵌入调用 #

拿到构建好的TinyMCE静态资源后，直接在HTML文件中引入核心资源并初始化即可使用：

<!-- 引入TinyMCE核心JS文件，路径替换为你实际存放静态资源的路径 -->
<script src="./tinymce/tinymce.min.js"></script>

<!-- 声明富文本编辑器挂载的容器 -->
<textarea id="editor-container"></textarea>

<script>
// 初始化TinyMCE编辑器
tinymce.init({
  selector: '#editor-container', // 指定挂载容器
  plugins: 'advlist autolink lists link image', // 按需配置需要启用的插件
  toolbar: 'undo redo | bold italic | alignleft aligncenter alignright' // 自定义工具栏显示的按钮
})
</script>

打开上述HTML文件即可正常使用富文本编辑器功能。如果是在Vue、React等前端框架项目中使用，只需要在项目入口文件引入TinyMCE核心包和对应插件，按照对应框架的集成逻辑初始化即可。

内容的提问来源于stack exchange，提问作者Samantha Rogers