Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(*): New blog article on using VS Code for development #8948

Merged
merged 6 commits into from
Oct 22, 2018

Conversation

mikelax
Copy link
Contributor

@mikelax mikelax commented Oct 9, 2018

Overview

New blog article on using VS Code for developing on gatsby.
Focuses on setting up eslint and prettier and debugging in chrome

Came from idea in PR #7803

@mikelax mikelax self-assigned this Oct 9, 2018
@mikelax mikelax requested a review from a team October 9, 2018 13:14
Copy link
Contributor

@DSchau DSchau left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a bunch of comments. Thanks so much for the post!


The Gatsby.js platform and ecosystem is composed not only of the [core Inkteam members](https://www.gatsbyjs.com/about/), but a huge group of community members as well. I have no doubt that part of the success of Gatbsy is due to the core team really encouraging the community to be involved. They even give you [free swag for becoming a contributor](/docs/contributor-swag/).

Now that I have convinced you to get involved, the first thing you should do is review the existing [how to contribute guide](/docs/how-to-contribute/). That will go over the basics of checking out the project and getting set up.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

First of all - thanks :)

But... I'd maybe just dive right into the topic at hand? People are going to come here for info on VSCode, so I'd recommend diving right in from the get go!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no problem @DSchau.
Do you want me to just remove these two paragraphs totally and just get right into it?

docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved
docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved
docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved
docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved
docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved
docs/blog/2018-10-09-vscode-gatsby-development/index.md Outdated Show resolved Hide resolved

## Conclusion

In this article we have learned some of the basics about configuring and using VS Code for development on the Gatsby project. The Extensions and configuration discussed here can be applied though to a project that **uses** Gatsby just the same.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe just say any project, be it a Gatsby project or something else? Largely, these are great VSCode settings for a modern front-end project.

---
title: "Using VS Code for Supercharged Gatsby.js Development"
author: Michael Holtzman
date: 2018-10-09
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We'll need to update this for the date it's published. Maybe we shoot for Thursday or Friday @lindaleebumblebee?

@mikelax
Copy link
Contributor Author

mikelax commented Oct 10, 2018

thanks @DSchau I'll go over the comments and make the updates tonight.

@DSchau DSchau changed the title feature: New blog article on using Code for development. docs(*): New blog article on using VS Code for development Oct 10, 2018
@mikelax
Copy link
Contributor Author

mikelax commented Oct 11, 2018

@DSchau I made the updates requested, I changed the publish date for today but that can easily be updated to tomorrow or next week.
Let me know if you notice anything else I should add to the article. thanks!

Now that I have convinced you to get involved, the first thing you should do is review the existing [how to contribute guide](/docs/how-to-contribute/). That will go over the basics of checking out the project and getting set up.

The remainder of the article will talk about using VS Code if you want to contribute to the core [Gatsby project](https://github.com/gatsbyjs/gatsby). That being said everything mentioned here can be applied to just about any JavaScript project.
In this article I will talk about using VS Code Editor if you want to contribute to the core [Gatsby project](https://github.com/gatsbyjs/gatsby). We'll learn how to easily configure the Editor to make development easier and help ensure your Pull Requests are ✅ and get accepted. That being said everything mentioned here can be applied to just about _any_ JavaScript project.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's tweak this opener a bit. Open to further tweaks on this, too!

VS Code is a truly great choice for your code editing needs. In this article, I'll show you some great tips and tricks, extensions, and more to maximize your productivity and get to what matters, building out great products. Some of these tips and tricks will make it even easier to contribute to the Gatsby core repo, and help ensure your pull requests are ✅ and accepted. That being said everything mentioned here can be applied to just about any JavaScript project.

@mikelax
Copy link
Contributor Author

mikelax commented Oct 11, 2018

@DSchau those last couple of changes look good 👌

@DSchau
Copy link
Contributor

DSchau commented Oct 11, 2018

@mikelax thanks for being so receptive and prompt with the feedback! I'll merge this 🎉

@DSchau
Copy link
Contributor

DSchau commented Oct 12, 2018

@mikelax we're gonna push this out to Monday. Would you mind (or I can) updating the date to 10-15-2018?

@mikelax
Copy link
Contributor Author

mikelax commented Oct 15, 2018

@DSchau date and folder name updated to 15th 🚀 .

@DSchau
Copy link
Contributor

DSchau commented Oct 15, 2018

We had one post come in that we're gonna do first (relating to the webinar!). Sorry for the back and forth on this, but could we do Thursday, the 18th? I promise it'll go up then :)

Thanks for your work and patience on this!

@mikelax
Copy link
Contributor Author

mikelax commented Oct 16, 2018

@DSchau no worries on the changing dates, I get it.
I just updated the date to the 18th ✅

@DSchau DSchau merged commit cf1a5b1 into gatsbyjs:master Oct 22, 2018
@DSchau
Copy link
Contributor

DSchau commented Oct 22, 2018

@mikelax finally got this merged. Thanks so much for your contribution. We'll get gatsbyjs.org built out with this change, and I'll comment on this PR when it's live!

@mikelax mikelax deleted the topics/blog-article-vscode branch October 22, 2018 17:48
@stefan--
Copy link

@mikelax, thanks for the post. I believe adding a hint concerning the webpack sourcemap config following #6877 (comment) would be a valuable addition. Only after setting the devtool config to eval-source-map in the gatsy-node.js, I have been able to use vscode break points.

gpetrioli pushed a commit to gpetrioli/gatsby that referenced this pull request Jan 22, 2019
…8948)

* feature: New blog article on using Code for development.

* feature: Updates to blog article based on Feedback 👌

* feature: more tweaks to article.

* chore: Update date of blog post to 15th.

* chore: update date for blog post.

* Update index.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants