介绍
npm包是JavaScript的包管理器，常常被用于管理前端所需要的库和工具。其中一个很有用的npm包就是jsonresume-theme-kendall-pt-br。这个npm包提供了一个基于React的在线简历模板，使用得当可以帮助开发者快速构建自己的在线简历。
本文将深入介绍jsonresume-theme-kendall-pt-br的使用方法，包括如何安装和配置该npm包，以及如何在自己的React项目中使用该模板。
安装
首先，我们需要使用npm安装jsonresume-theme-kendall-pt-br，打开您的终端并运行以下代码：
npm install jsonresume-theme-kendall-pt-br --save
这会在项目中安装npm包并将它保存到package.json文件中的dependencies中。
配置
在安装完成后，配置npm包也很简单。我们只需要在resume.json文件中的theme选项中指定jsonresume-theme-kendall-pt-br即可，如下所示：
{
"basics": {
"name": "谷扇",
"label": "前端开发工程师",
...
},
"theme": "kendall-pt-br"
}同时，在package.json文件中可以添加以下脚本以便在简历更新后自动预览：
{
"scripts": {
"resume": "jsonresume-theme-kendall-pt-br dev"
}
}然后，使用以下代码即可启动本地预览：
npm run resume
接下来，我们会在http://localhost:8080/预览简历。
使用
收到安装和配置的过程，我们只需要编写resume.json文件并使用以上的代码进行简历预览。不过，我们也可以通过修改/src目录下的文件来自定义模板。
例如，如果我们想在页面底部添加自己的社交媒体链接，只需要在/src/components/footer.js文件中添加以下内容：
<div className="social"> <a href="https://github.com/gushan-dev" target="_blank"><i className="fa fa-github"></i></a> <a href="https://www.linkedin.com/in/gushan-dev/" target="_blank"><i className="fa fa-linkedin"></i></a> </div>
并在/src/components/theme.js文件中导入该组件
import Footer from './footer'
然后，在/src/components/theme.js文件中使用以下代码将该组件添加到页面中：
<Footer />
重启npm run resume即可看到效果。
结论
通过安装、配置和自定义jsonresume-theme-kendall-pt-br，我们可以快速构建自己的在线简历。当然，这个简历作为一份自己的作品，需要不断进行更新，以保持与市面需求的步伐。
我们的前端技术不应该仅局限于coding场景，更应该扩展至日常生活中的点滴。简历不止是一份求职的作品，更是自己代码的展示和对于职业生涯规划的整理，建议大家抽时间花在自己的简历上，做出相应的改进和完善。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005570b81e8991b448d3f4a