三、创建项目
1、点击右上角，创建项目
2、以VUE项目为例，选择Vue
创建完毕之后，选择当前的项目，如下所示：
可以查看对应安装指引，来进行Vue项目的集成：
三、前端项目的集成
1、通过yarn 进行安装
yarn add @sentry/browser yarn add @sentry/integrations
2、在Vue项目中进行集成。
import Vue from 'vue' import * as Sentry from '@sentry/browser'; import * as Integrations from '@sentry/integrations'; Sentry.init({ dsn: 'http://d347def73f7e4179a3079b5c21e8686d@localhost:9000/2', integrations: [new Integrations.Vue({Vue, attachProps: true})], });
在设置中找到当前项目对应的dsn,如下图所示：
3、报错信息因为打包之后报的，所以不能精确到具体哪一行报错，可以通过sentry-webpack-plugin,自动将生成的js map文件上传到服务器
安装对应的插件依赖：
npm i @sentry/webpack-plugin -D
在webpack配置文件中，进行如下配置：
const SentryCliPlugin = require('@sentry/webpack-plugin'); const config = { plugins: [ new SentryCliPlugin({ include: '.', ignoreFile: '.sentrycliignore', ignore: ['node_modules', 'webpack.config.js'], configFile: 'sentry.properties', }), ], };
sentry.properties 配置文件可以参考官网一下地址：
四、镜像加速
1、鉴于国内网络问题，后续拉取 Docker 镜像十分缓慢，我们可以需要配置加速器来解决。
在任务栏点击 Docker for mac 应用图标 -> Perferences… -> Daemon -> Registry mirrors。在列表中填写加速器地址即可。可以填写一下地址（http://141e5461.m.daocloud.io/）修改完成之后，点击 Apply & Restart 按钮，Docker 就会重启并应用配置的镜像地址了。
