how to reset vscode to default setting and configurations - html

Hello guys so I am new to web programming currently learning HTML and CSS and I am using VSCode but my problem is ( i am a newbie) when I try to run the HTML and CSS code I get this file launch.json and it doesn't show me the page I am working on how to fix this I uninstalled and installed but still the same issue I think I messed up with the configuration this is when I run
this how it looks

I think the easiest way, for this moment is to install the liveserver plugin to your VSCode editor, Here you have link to many tutorials how to do this and much more..;-) and then do a decent review of the conventions and rules of web development Good Luck, and Keep calm and do not stop coding !

Related

Confused HTML beginner here

so I've recently started learning web development and I read and write html according to a tutorial that uses html 4, and just practice it on notepad++ and test them on my browser.
Now there's a problem that's been bugging, the web page doesn't change at all even if I comment out the code or change a few things in it.
I messed around with the height and width of an image and it didn't change, I tried creating a folder outside the notepad++ folder and put everything there and nothing changed, I created a completely new file(added in notepad++) and folder and it was the same. I'm still in the middle of the tutorial and this problem has just been bothering me, someone please help
I think you should try clearing browser cache or try using other IDEs like vscode or if you use android then trebedit or Dcoder
Try refreshing your page, or use an IDE like Visual Studio Code and the live Server plugin. This should help you as a beginner because both of these tools are really easy to use. Maybe it isn't changing because you had never saved your file.

Visual Studio Code HTML snippets no longer working

I've been using HTML Snippets extension for HTML snippets in VSC for a while, however in my most recent project these have stopped working. I've tried researching why this is, and I can't find a straight answer on how to fix it. Being unable to use HTML snippets is severely limiting the speed of my html coding.
bro, the author has disabled this extension
Update 5
Disabling this extension as its functionality has been absorbed by VS Code main html extension.
Download
You can get the previous working version here, just remove the previously installed extension, also do not update this extension after installation

Building Ghost theme but my CSS isn't linking

I'm so sorry if someone else has already asked this issue, but I've been searching for hours for a solution to this problem and can't seem to find an answer. I'm a budding front-end designer who is trying to learn back-end development on the fly. I'm developing a Ghost theme, piggybacking off of Casper. Right now I'm just trying to put up a super simple landing page but none of my CSS is linking. I've tried installing Handlebars, I've tried writing it in Sass with the intent to compile from the command line but it kept throwing errors. Hopefully one of you can help me because I'm pretty sure I've exhausted Google.
My HTML (saved as a .hbs)
<link rel="stylesheet" type="text/css" href="assets/css/comingsoon.css" />
My file structure
~/git/ghost/content/themes/MissionAtWork/assets/css
If you need anymore info I'd be happy to provide it. Thank you so much in advance! Y'all are lifesavers!
I figured it out! I had to go into the sass files and edit them from there. Not from the css. Also my edits were actually working, but my gulp froze whenever I made a syntax error. Simple restart of my gulp window did the trick. Thank you everyone for your help!

Basic cloud9 project

I'm new to the cloud IDE setup and can't get my head around deployment and "workspaces". I tried making a basic site with html (to use javascript/css once I can figure out how to call the code into the html) as testing before running it on another website.
At the moment I'm using a basic text editor to tweak the html (for a custom Google Map), but cloud9 and the like highlight code in colour and complete functions etc. so it's easier to use (also I can't use an offline editor due to hardware).
I'm keen to learn more javascript but really only have basic web html/css skills so all the node.js files lose me a bit. Where can I find a really simple introduction to just writing, say, a html page and seeing it previewed? Or does it not work like that?
The tutorials I've found so far are going into scripting (e.g. "Cloud 9 IDE Basics" > http://vimeo.com/16273901)
Thanks, and sorry for asking such a beginner's question!
Does the Cloud9 documentation site (https://docs.c9.io/) help?. It has articles ranging from the basics to more advanced topics, including some video tutorials.

Alternative to Dreamweaver? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 9 months ago.
Improve this question
First of all, I do all my coding strictly in code view in Dreamweaver for a good few years now. I could do all my coding in Notepad, but Notepad doesn't have any features. :) I've never thought of changing because I just got used to Dreamweaver over time. But now it's starting to irritate me here and there. I also want to switch to a more lightweight editor.
What I don't like in Dreamweaver is that tabs can't automatically be changed to spaces (very annoying, any solutions are welcome too). It also creates a lot of useless whitespace everywhere.
I love Dreamweaver's automatic auto complete for html and css, this speeds up my coding very much because I don't have to type out every character. I've tried some other editors, but I really miss this feature. Dreamweaver also auto completes css classes from included css files in the header.
Is there any other editor that has similar features? Free or license is fine. I like Sublime Text (http://www.sublimetext.com/).
Thanks!
I went for PhpStorm eventually. Love it!
Notepad++ is the best for Window: http://notepad-plus.sourceforge.net/uk/site.htm
I've came to a solution that, though it's not lighter than Dreamweaver (as you requested), is very robust, works like a charm and was quite a productivity boost!
Check out:
Eclipse + Aptana as a plug-in (how to auto-upload on save)
If you enjoy html markup completion then snippets in Textmate for Mac is amazing. I use it all the time for all my HTML and CSS work. However if you are a windows person I hear E-TextEditor is the best replacement for Textmate. Both require licenses.
You might be interested in HTML-Kit.
Your don't want to use Dreamweaver and you want Dreamweaver theme in other editor which is not load like Dreamweaver then sublime is best for you,
Download sublime from this link and follow this step to apply Dreamweaver in sublime.
Click here to download Dreamweaver Theme Zip File
How to apply colour scheme like Dreamweaver CS5
1. Download zip file from Dreamweaver Theme File Link
2. Extract folder
3. Open sublime and goto "Preferences">"Browser Packages..">"Paste extract folder here"
4. Restart Sublime
5. Select color scheme from sublime, to select color scheme Goto "Preferences">"Color Scheme">"SublimeDreamweaver-master">"SublimeDreamweaver-master">"Dreamviwer"
6. Restart Again your sublime
7. Now open your file to see effect
8. Thanks
Change Font like dreamviwer after apply color scheme of dreamviwer.
1. Goto "Preferences">"Setting - User"
2. Add this line is your setting json, "font_face":"courier new"
3. Save enjoy
Thanks
Microsoft Expression Web. It is not free...
I have tried PHP Designer 7 and it rocks with its features. Most of all, you get autocomplete for methods / variables in PHP classes.
If you use a PC, you could try out VisualStudio express / Visual Web Developer, which is free.
http://www.microsoft.com/express/product/
If your real trouble is tabbing and spacing the you could actualy try to modify those settings at Edit > Preference > Code formatt. this should help.
Once you modify the setting apply it to the page.
or
You could also look at Netbeans is a powerful tool too. Buts its a bit heavy weight.
If you want it only for HTML purpose , then while installing do not install unnecessary modules.
Did you try Stylizer from skybound.ca? I've been using it and you can visually modify the CSS or code it using the side bar. Works pretty good but is not as feature rich as Dreamweaver.
Microsoft Visual Studio Code or Brackets (much less simpler).
Plus appropriate plugins.
Why?
Because you can run terminals in which you can compile your server side code or TypeScript, run NMP or run server auto refresh on code save.
Access git easily.
Have intellisense for bootstrap classes or other frameworks.
Debugger, and more