Click here to download this extention pack from the Visual Studio Code Marketplace
You may download this extention pack it from within VSCode by clicking View > Extentions then search for ACC_FEWD_ExtentionPack
The ACC_FEWD_ExtentionPack pack includes:
- GitLens
- Git Graph
- Git Blame
- Git History
- Path Intellisense
- Prettier
- Auto Rename Tag
- ESLint
- CSS Peek
- Color Highlight
- Live Server
- Live Share Extention Pack
- Material Icon Theme
- Quokka.js
- Quokka Status Bar Extention
- HTML to CSS
- HTML to CSS Auto Completion
This extention pack was created to help ACC Front End students streamline their workflow while working on their Front End Projects.
GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!
See Git Blame information in the status bar for the currently selected line.
View git log, file history, compare branches or commits
Visual Studio Code plugin that autocompletes filenames.
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
Integrates ESLint into VS Code. If you are new to ESLint check the documentation.
This extension extends HTML and ejs code editing with Go To Definition
and Go To Symbol in Workspace
support for css/scss/less (classes and IDs) found in strings within the source code.
This extension styles css/web colors found in your document.
Launch a local development server with live reload feature for static & dynamic pages.
This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.
The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.
Quokka.js is a rapid prototyping playground in your editor, with access to your project’s files, inline reporting, code coverage and rich output formatting. Runtime values are updated and displayed in your IDE next to your code, as you type.
Adds buttons to the status bar in Visual Studio Code (VSC) to control Quokka:
Generate CSS classes from HTML structure
Intellisense suggestions/completions for classes and ids from markup documents to CSS, SCSS, Less, Sass, Stylus stylesheets