Chris Fritz chrisvfritz

## Hello.vue
<template lang="jade">
div
  p {{ greeting }} World!
  OtherComponent
</template>

<script>
import OtherComponent from './OtherComponent.vue'

export default {

## index.html
<!doctype html>
<html>
  <head>
    <title>This is the title of the webpage!</title>
  </head>
  <body>
    <p>This is an example paragraph. Anything in the <strong>body</strong> tag will appear on the page, just like this <strong>p</strong> tag and its contents.</p>
  </body>
</html>

## extensions.md

      
              4 files
            
          
              5 forks
            
          
              0 comments
            
          
              7 stars
            
          
                chrisvfritz
                / extensions.md
            
            
              Last active
              January 25, 2023 18:40
            
              
                VSCode Config
              
          
      View extensions.md
  
      
Annotator: Display the annotation view (git blame) of the current file.
beutify: Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
Can I Use: Compatibility check for HTML5, CSS3, SVG, New JS API based on http://caniuse.com/ directly from Visual Studio Code.
Code SpellChecker: A basic spell checker that works well with camelCase code.
Custom CSS and JS: Custom CSS to your VS Code.
Debugger for Chrome: A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome Debugging Protocol.
EditorConfig for VSCode: EditorConfig support for Visual Studio Code.
ESLint: Integrates ESLint into VS Code.
File Utils: A convenient way of creating, duplicating, moving, renaming, deleting files and directories.
Flow Language Support: This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs.


## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Westeros House Quiz with Vue</title>

  <style>
    label {

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>My first Vue app</title>
  <script src="https://unpkg.com/vue"></script>
</head>
<body>
  <div id="app">
    {{ message }}
  </div>

## knockout-todos.html
<!--
In Vue, we use v-model for all form bindings, while
Knockout maintains separate binding types, such as
textInput, checked, and options. In some cases,
such as for an input of type "range", Knockout
simply doesn't have an equivalent two-way binding
helper and the more verbose value and valueUpdate
must be used.
-->
<div id="app">

## Hello.vue
<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
module.exports = {
  data: function () {
    return {
      greeting: 'Hello'
    }

## currency-validator.js
var currencyValidator = {
  format: function (number) {
    return (Math.trunc(number * 1000000000000) / 1000000000000).toFixed(2)
  },
  parse: function (newString, oldNumber) {
    var CleanParse = function (value) {
      return { value: value }
    }
    var CurrencyWarning = function (warning, value) {
      return {

## get-players.js
function getPlayers () {
  var players = [
    { name: 'Alice', score: 99 },
    { name: 'Billy', score: 83 },
    { name: 'Cindy', score: 91 },
    { name: 'David', score: 96 },
    { name: 'Emily', score: 88 }
  ]

  function randomIndex () {

## livescript-react-without-jsx.ls
# Since React has made jQuery obsolete for me, I use $ to replace JSX.
window.$ = React.create-element
for key, value of React.DOM
  window."$#key" = value

# And here's an example of a render function using this syntax.
render: ->
  $ Jumbotron, style: styles.welcome.base, [
    $h2 key: \tagline, 'this is a catchy tagline'
    $p key: \mission, 'here is a short mission statement, expanding on the tagline'
	<template lang="jade">
	div
	p {{ greeting }} World!
	OtherComponent
	</template>

	<script>
	import OtherComponent from './OtherComponent.vue'

	export default {
	<!doctype html>
	<html>
	<head>
	<title>This is the title of the webpage!</title>
	</head>
	<body>
	<p>This is an example paragraph. Anything in the <strong>body</strong> tag will appear on the page, just like this <strong>p</strong> tag and its contents.</p>
	</body>
	</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Westeros House Quiz with Vue</title>

	<style>
	label {
	<!--
	In Vue, we use v-model for all form bindings, while
	Knockout maintains separate binding types, such as
	textInput, checked, and options. In some cases,
	such as for an input of type "range", Knockout
	simply doesn't have an equivalent two-way binding
	helper and the more verbose value and valueUpdate
	must be used.
	-->
	<div id="app">
	<template>
	<p>{{ greeting }} World!</p>
	</template>

	<script>
	module.exports = {
	data: function () {
	return {
	greeting: 'Hello'
	}
	var currencyValidator = {
	format: function (number) {
	return (Math.trunc(number * 1000000000000) / 1000000000000).toFixed(2)
	},
	parse: function (newString, oldNumber) {
	var CleanParse = function (value) {
	return { value: value }
	}
	var CurrencyWarning = function (warning, value) {
	return {
	function getPlayers () {
	var players = [
	{ name: 'Alice', score: 99 },
	{ name: 'Billy', score: 83 },
	{ name: 'Cindy', score: 91 },
	{ name: 'David', score: 96 },
	{ name: 'Emily', score: 88 }
	]

	function randomIndex () {
	# Since React has made jQuery obsolete for me, I use $ to replace JSX.
	window.$ = React.create-element
	for key, value of React.DOM
	window."$#key" = value

	# And here's an example of a render function using this syntax.
	render: ->
	$ Jumbotron, style: styles.welcome.base, [
	$h2 key: \tagline, 'this is a catchy tagline'
	$p key: \mission, 'here is a short mission statement, expanding on the tagline'