Linking Bootstrap to my VS Code project - visual-studio-code

I am going through VS Code for the first time and doing a bootstrap project. I used the marketplace to add bootstrap 4 and font awesome (install & reloaded) what else do I need to do?
As my project folder does not have and bootstrap files, but strangely the intellisense let's me use the bootstrap snippets. I ran the index.html and the page wasn't bootstrap styled. The download didn't add any files to my project.
Any suggestions?

You mixed up some things. The extensions that you installed are more for quick coding of Bootstrap and for visualizing it better.
However Bootstrap is not installed on your site, which is a totally different process. You can achieve this in many ways. (npm, bower)
I would recommend you to read the Bootstrap getting started documentation.
(It's for Bootstrap 3 but it's the same principle)
Documentation

Related

How to configure react, jsx, and babel in Visual Studio Code?

I want to start learning ReactJs with jsx and Babel. My editor is Visual Studio Code. I need to config them to work together in VSCode, but after search in Google and StackOverFlow, I found dispersed contents for different frameworks and platforms. Is there any resource to learn step by step configuration and using react in VSCode?
Thanks a lot
I found babel-standalone in GitHub .
babel-standalone is a standalone build of Babel for use in non-Node.js environments, including browsers. It's bundled with all the standard Babel plugins and presets, and a build of babili (babel-minify) is optionally available too.
With babel-standalone we can compile out JavaScript files with jsx format in browser. Easy installation and usage.

Code to generate templates

I just downloaded Visual Studio Code last night. What do I do so that Code will generate, say, a Console Application template?
I've read around the web so far I can't find anything telling me how to create a template.
Q: How do I create and run a new project?
A: VS Code doesn't include a traditional File > New Project dialog or
pre-installed project templates. You'll need to add additional
components and scaffolders depending on your development interests.
With scaffolding tools like Yeoman and the multitude of modules
available through the NPM package manager, you're sure to find
appropriate templates and tools to create your projects.
for details: https://code.visualstudio.com/docs/setup/setup-overview
and a question on SO: Run C# Console Application on Visual Studio Code Editor on Windows

Eclipse, maven, tapestry, tomcat auto load

I'm running eclipse mars EE. I have a maven project with tapestry 5.4.1. I have tomcat 7 maven plugin and everything is working fine except I'm not able to immediately see changes to tml and css files. When I make a change to any file it's eventually reloaded but it takes time which slows development. I want to be able to see css and tml changes instantly. I can wait for java changes until tomcat reloads them but I can't wait for css and tml changes.
I've read several articles on configuring the tomcat server within eclipse including this stackoverflow entry
However, they don't seem to work or achieve what I want. It seems the issue lies in the fact that tomcat has to wait for a new jar/war to be created and deployed instead of pulling the files directly from the project.
Also, I'm aware of Tapestry's class reloading feature....which doesn't seem to work either. Perhaps my project isn't configured correctly? Here is a screen shot of my project
There MUST be a way to accomplish this. We've all been writing web apps for tomcat in eclipse for 15 years!
Thanks for your help!
It sounds like you may have several issues that are described in the "Troubleshooting Live Class Reloading" section at the bottom of the https://tapestry.apache.org/class-reloading.html page. Please read the Tomcat-specific help at http://www.tynamo.org/Developing+with+Tomcat+and+Eclipse/ if you haven't already.

How do I specify a different target directory install for source files in Nuget?

Here's the structure of my web development project:
Web Project
Content
My Theme
Content
Less
Scripts
etc.
When I install Less Bootstrap Package, it always installs the files in the content directory:
Web Project
Content
bootstrap
My Theme
Content
Less
Scripts
etc.
I want it to install the files here:
Web Project
Content
bootstrap
My Theme
Content
Less
alerts.less
badges.less
etc.
Scripts
etc.
Is there a way to specify the target path for source files? I haven't seen any documentation on it and the only questions I've seen about this pertain to specifying where the .package files are installed. I have a difficult time believing that this option doesn't exist, especially considering that developers are very finicky about how they organize their source trees.
Currently this is not supported by NuGet. The location of the files is defined by the NuGet package and currently cannot be overridden.
There is an open work item where this problem is discussed with proposed solutions but it has not yet been implemented.

We NEED ZEND .zfproject.xml for SOCIAL ENGINE Netbeans Developers

Most of the Social Engine Developers use Netbeans. Netbeans doesn't treat any project as ZEND without the file .zfproject.xml. hence Netbeans doesn't provide important tools like ZEND command GUI tool.(even if it provides, it won't work).zfproject.xml is used by Zend_Tool to store information about created controllers, actions, etc. within project How can I have a .zfproject.xml file for NETBEANS which reflect the directory, file etc structures of social engine.
I found dat .zfproject.xml requires the following files to recognize any zend project. Where are these files in SOCIAL ENGINE context.-
/configs/aplication.ini (configuration file)
/controllers (controllerdirectory)
/bootstrap.php (the first bootstrap file)
SE4 doesnt have application.ini, just several php files in application/settings/
controllers placed inside modules folder (e.g. application/modules/Core/controllers)
application/modules/Core/Bootstrap.php
Try this manual, hope it help: Setup Netbeans for Zend Framework Development
Thanx for the reply. Yes I have already realized what u said but still we cant get the directory structure in socialengine to work as core zend application.The link u posted is all about setting netbeans for zend,which I did easily, but not for SOCIALENGINE.The .zfproject.xml created by Zend Tool is all about this.By default it maintains everything about zend, not socialengine.It also requires an application.ini, which socialengine doesnt have.Zend also starts from application/modules, whereas social engines starts from application/modules/mymodules.Only if we could reflect these changes into .zfproject.xml to match socialengine, that wud be it.