Skip to content

Commit

Permalink
Move VS Code config to specific courses
Browse files Browse the repository at this point in the history
  • Loading branch information
johnpaxton committed Dec 9, 2022
1 parent e5bc00e commit 091b87f
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 15 deletions.
6 changes: 4 additions & 2 deletions react-configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@

Additional configuration for classes which cover or use React

- The React Beta Docs have a great [setup](https://beta.reactjs.org/learn/editor-setup) doc for Visual Studio Code.
- Definitely use the [React Dev Tools](https://beta.reactjs.org/learn/react-developer-tools), also mentioned at the beta docs
- If the class is going to use Redux, you should install the [Redux DevTools](https://github.com/reduxjs/redux-devtools) appropriate to your browser
- If the class is going to use Redux, you should install the [Redux DevTools](https://github.com/reduxjs/redux-devtools) appropriate to your browser
- Visual Studio Code setup
- The React Beta Docs have a great [setup](https://beta.reactjs.org/learn/editor-setup) doc for Visual Studio Code.
- As an extension, you should install [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) Terrible name, good snippets. Be careful of imitation/fake/duplicate versions
11 changes: 0 additions & 11 deletions vs-code-extensions.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,15 +48,4 @@ These make the experience of using VS Code nicer. Not required.
- [npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) Run npm scripts inside the editor
- [Jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest) Plugs into the Jest testing library.

## React

- [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) Terrible name, good snippets. Be careful of imitation/fake/duplicate versions

## Angular

- [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)
- [Angular Snippets](https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2)

## Vue.js

- [Vue VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets)
7 changes: 5 additions & 2 deletions vue-configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,8 @@

Additional configuration for classes that cover Vue.js.

- For Visual Studio Code, check out the [Vue.js section](vs-code-extensions.md#vuejs) in the VS Code setup doc.
- [Vue.js devools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en)
- [Vue.js devools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en)
- Visual Studio Code:
- [Vue VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets) (works for both Vue 2 and 3)
- If you're using Vue 2, use [Vetur](https://vuejs.github.io/vetur/)
- If you're using Vue 3, use [Volar](https://github.com/johnsoncodehk/volar/)

0 comments on commit 091b87f

Please sign in to comment.