# Highlight.js

Highlight.js is a JavaScript syntax-highlighting library with automatic language detection for Node.js and the web.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Vue.js Syntax Highlighting with highlight.js

DevFeed: [Vue.js Syntax Highlighting with highlight.js](<https://devfeed.tech/articles/vue-js-syntax-highlighting-with-highlight-js-31844.md>)

Original publisher: [Read original article](<https://www.metachris.dev/2017/02/vuejs-syntax-highlighting-with-highlightjs/>)

Author: Chris Hager

Published: 2017-02-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Chris Hager](<https://devfeed.tech/sources/chris-hager.md>)

Topics: [Highlight.js](<https://devfeed.tech/topics/highlightjs.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>)

Tags: [javascript](<https://devfeed.tech/tags/javascript.md>), [npm](<https://devfeed.tech/tags/npm.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>), [vue-js](<https://devfeed.tech/tags/vue-js.md>)

### AI overview

A tutorial showing how to use highlight.js for syntax highlighting in a Vue.js application, including a custom v-highlightjs directive that handles initial rendering and source-code updates.

### Source excerpt

Everyone loves a good syntax highlighting. This post explains how to use highlight.js for syntax highlighting in a Vue.js application. The method shown here allows syntax highlighting both on original creation of an element as well as on updates to the source-code, using a simple v-highlightjs directive such as this: <pre v-highlightjs><code class="javascript"></code></pre> You can see a live example here: jsfiddle.net/metachris/1vz9oobc. To achieve this, we just need to install the highlight.

## Adapting a Blogging Project for Terminal-Based Publishing and Heroku Deployment

DevFeed: [Adapting a Blogging Project for Terminal-Based Publishing and Heroku Deployment](<https://devfeed.tech/articles/beginning-38371.md>)

Original publisher: [Read original article](<https://meedamian.com/post/beginning/>)

Author: hi@meedamian.com (Damian Mee)

Published: 2014-05-13T00:00:00Z

Content type: tutorial

Language: en

Sources: [Damian Mee | Blog | Portfolio | About](<https://devfeed.tech/sources/damian-mee-blog-portfolio-about.md>)

Topics: [Heroku](<https://devfeed.tech/topics/heroku.md>), [Express](<https://devfeed.tech/topics/express.md>), [Git](<https://devfeed.tech/topics/git.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [Highlight.js](<https://devfeed.tech/topics/highlightjs.md>), [npm](<https://devfeed.tech/topics/npm.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [jQuery](<https://devfeed.tech/topics/jquery.md>)

Tags: [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [express](<https://devfeed.tech/tags/express.md>), [git](<https://devfeed.tech/tags/git.md>), [heroku](<https://devfeed.tech/tags/heroku.md>), [highlighting](<https://devfeed.tech/tags/highlighting.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [npm](<https://devfeed.tech/tags/npm.md>), [terminal](<https://devfeed.tech/tags/terminal.md>)

### AI overview

The author describes adapting an existing blogging project for writing in Sublime Text and publishing from the terminal. The work included dependency changes, Bootstrap and jQuery integration, Express compatibility fixes, replacing the Markdown processing setup with marked and highlight.js, and deploying the result on Heroku.

### Source excerpt

Several days ago I was casually browsing awesomeness of Github when I saw this project by koush, and instantly understood that's the blogging flow I could use - write in sublime and publish/deploy from terminal. I had to do some cleanup there, update & fix some dependencies and rewrite parts of it to a better language. Later, I've created a new Heroku instance, moved my domain to a heroku Add-on called pointDNS, did git push heroku, and it worked great :).

## Modularity in JavaScript MVC Frameworks

DevFeed: [Modularity in JavaScript MVC Frameworks](<https://devfeed.tech/articles/modularity-in-javascript-mvc-frameworks-21191.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2013/04/modularity-in-javascript-frameworks/>)

Published: 2013-04-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [mvc](<https://devfeed.tech/topics/mvc.md>), [Frameworks](<https://devfeed.tech/topics/frameworks.md>), [Highlight.js](<https://devfeed.tech/topics/highlightjs.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [communication](<https://devfeed.tech/tags/communication.md>), [complexity](<https://devfeed.tech/tags/complexity.md>), [components](<https://devfeed.tech/tags/components.md>), [extend](<https://devfeed.tech/tags/extend.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [modularity](<https://devfeed.tech/tags/modularity.md>), [mvc](<https://devfeed.tech/tags/mvc.md>), [test](<https://devfeed.tech/tags/test.md>)

### AI overview

This article explains how modularity can improve JavaScript MVC applications. It presents widgets as atomic components with clear responsibilities and recommends decomposing complex applications into smaller, reusable, testable, and maintainable parts. It also discusses decoupling component communication through event broadcasting, pub/sub, or the Observer pattern.

### Source excerpt

Lorem ipsum dolor sit amet