This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content
This repository was archived by the owner on Mar 2, 2022. It is now read-only.

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

0-to-code

Getting from total zero to Visual Studio Code

If you follow any tutorials on modern web development, it's easy to get lost in an abundance of cryptic incantations involving "npm", "bower", "git" and "yo". It's especially challenging if you are using Windows and are used to the Visual Studio IDE tooling: it's different.

This set of scripts will help you to get all tools that you need to be productive with web development using the tools produced by NodeJS/npm, bower and yo communities, along with the newest kid on the block - Visual Studio Code.

Principles of this toolset

  1. One script to install all tooling that you need.
  2. All tools will be installed for current user only, whenever possible.
  3. Limited user accounts are supported and UAC elevations are done as part of the installation.
  4. All necessary environment variable changes are made on the user account level.

What is installed

  1. Chocolatey - this is the magic that makes "one script" installation possible.
  2. ConEmu - you should be ready to the fact that a lot of things will be done in the console, this is a great alternative to a good ole CMD.
  3. NodeJS and NPM - the method of delivery for all these great tools which you'll be using later.
  4. Default set of modules installed globally - bower, yo and its ASP.NET generator, typescript, tsd (access to DefinitelyTyped goodness), gulp and grunt.
  5. GIT.
  6. .NET vNext.
  7. Visual Studio Code.

How to install

Download this repository's contents as ZIP, unzip it and run this from the command line:

powershell -Command "& { dir *.ps*1 | Unblock-File }"
powershell -File .\install.ps1

First line will remove blocking from scripts downloaded from Internet. Second line will actually install the software.

If PowerShell complains on disabled scripts, run the command shown below and then repeat the previous command:

powershell -Command "& { Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned }"

You might be seeing a couple of UAC elevation prompts - this is expected: ConEmu and NodeJS are installed globally. At the same time, NPM (package manager for NodeJS) is configured to use paths that are local to the currently logged in user, so "npm install XXX -g" will install "global" module locally to your user account.

By default the installation will use your user profile folder as a "root". If you want to change this, please edit $global:root variable in settings.psm1 before running install.ps1. Be aware that .NET vNext will install into your user profile folder regardless.

After installation completed, please close the command prompt window and open another one, or better yet, start ConEmu. This is required, because changes in the environment variables will not be picked up otherwise. You should expect commands like "choco", "bower", "yo", "npm", "git" and "code" to be available in the new console session.

Start coding!

About

Getting from total zero to Visual Studio Code

Resources

Stars

34 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages