JavaScript not showing up in command - javascript

I'm having trouble understanding what I have to do. I work on a Mac and I'm trying to create a 3d portfolio but for some reason, this is difficult. I am trying to figure out why JavaScript is not showing up on Variants. When I type "npm init vite.js/app" this gives me a Framework and then I choose Vanilla and then Select a variant should show up with JavaScript giving me a Package JSON.
Please help.

Vite changed how they display variants.
Just select vanilla if you want to use JavaScript. (not vanilla-ts, as that is the TypeScript version)
Vanilla means "without any modification, so in this case, the first "vanilla" means no library added (react, vue, svelte, etc.), and the second section means without TypeScript.
Remember to cd into that new app's directory and run npm install to install your packages.

Related

Can't find javascript project in eclipse IDE

I already have Eclipse IDE for JAVA Developers, and have different projects created for Cucumber/JAVA. I want to create a project for Javascript now, but I am not getting the option in New Project, I tried installing Plugins too but it did not worked for me.
Can someone please help. I am new to Javascript.
Is it possible to do so without having to install another eclipse? I have my projects in the previous one which i don't want to loose. I tried installing previous version of eclipse for Eclipse Javascript but I am not able to do so and the only one i see is Eclipse IDE again.
Install https://marketplace.eclipse.org/content/eclipse-web-developer-tools-0 , and then work with your JavaScript files using the Generic Text Editor. No project wizard or type is required.
First go to help>marketplace and search for javascript plugin and install it.
After installation you can find an option here,

How should I start setting up a javascript that gathers information and shows it in an generated html file

This is my first javascript project and I am aware that I just don't know some pretty basic things.
I want to build a html file with javascript that shows the status of some jenkins jobs
What would be a way to start this project.
Currently I am trying to install the required modules (jenkins-api, require, jQuery, jsdom, browserify) via npm install xyz and than build via browserify the javascript-file.
But this isn't really working properly...
How would somebody begin a task like that?

How to get angular2 to work in eclipse with typescript

So I was starting researching about angular2 and since I saw so many references to typescript being prefered I am trying to switch to it from javascript. Problem is, I saw a nice little guide I could follow to install it all in eclipse (angular, javascript, everything needed to launch the 5 minute guide code on the main page of angular), so I did it and managed to get it to work.
Now I would like to do the same with typescript, but I find myself lost since it doesn't seem to be working, I can't launch code, it's like node.js isn't working anymore, but since I do not know what the expected result is, I am not sure what is missing.
For example, I re did the 5 minute guide and notice as a difference that I do not have the installation of the modules, nor any run-as configuration ready, in fact, I can't manage to run as any typescript code I try to do.
What I did was:
1- Install Eclipse Mars, other guys uses older versions
2- Install Node.js
3- Install WildFly Server
4- Install TypeScript plugin https://marketplace.eclipse.org/content/typescript
5- Import my project in eclipse, you may have to create a new static web project and add your files in there. The 5 minute quick start is not an eclipse web project so you may not be able to import this. Do not forget to copy and past the same structure with the node modules that you have
6- Right click on the project > Configure > Enable Typescript Builder
7- Right Click the project > Properties > TypeScript > Compiler and configure as follows:
I hope this will do it for you.
Remember, this plugin does not respect json configuration file, so you have to do this manually as in the screenshot. Also, if you are going to provide arguments to your component constructor, You will have errors. Let me know if you got those. Another thing to mention is that using some annotations like #Input will not work, you will have to use inputs:[] inside your #Component annotation.
You can try to add those plugins on top of Mars:
https://github.com/angelozerr/angular2-eclipse
https://github.com/angelozerr/typescript.java
Those 2 are incubating but already provide good features. There is another one, that I didn't try but which has some popularity:
https://github.com/palantir/eclipse-typescript
Eclipse >= Neon
sudo npm install -g angular-cli (ng help must work)
See: https://github.com/angelozerr/angular2-eclipse
Install it and restart Eclipse
Open a .ts file
Eclipse Oxygen
Default javascript installation, then added the default free plugin for angular 2 / typescript from here:
angular2.ide - http://oss.opensagres.fr/angular2-eclipse/1.3.0/
After installing I opened an existing Angular 4 / TS project, worked fine. I then installed support for .scss from http://www.liclipse.com/text/updates. All setup and configured with Typescript 2.4.1 / nodejs v6.9.4.
But within days it now fails to open .ts files at all. Re-installation of the ng plugin did not fix it, I uninstalled liclipse plugin and no change either. It basically leaves eclipse unusable for ng4 projects as is.
The logs show the following errors.
org.eclipse.core.runtime.CoreException: Plug-in "ts.eclipse.ide.jsdt.ui" was unable to instantiate class "ts.eclipse.ide.jsdt.internal.ui.editor.TypeScriptEditor".
at org.eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.throwException(RegistryStrategyOSGI.java:194)
at org.eclipse.core.internal.registry.osgi.RegistryStrategyOSGI.createExecutableExtension(RegistryStrategyOSGI.java:188)
at org.eclipse.core.internal.registry.ExtensionRegistry.createExecutableExtension(ExtensionRegistry.java:905)
...
Caused by: java.lang.NoClassDefFoundError: org/eclipse/wst/jsdt/ui/text/JavaScriptSourceViewerConfiguration
at java.lang.Class.getDeclaredConstructors0(Native Method)
at java.lang.Class.privateGetDeclaredConstructors(Unknown Source)
...
Caused by: java.lang.ClassNotFoundException: An error occurred while automatically activating bundle org.eclipse.wst.jsdt.ui (441).
at org.eclipse.osgi.internal.hooks.EclipseLazyStarter.postFindLocalClass(EclipseLazyStarter.java:112)
at org.eclipse.osgi.internal.loader.classpath.ClasspathManager.findLocalClass(ClasspathManager.java:529)
...
Caused by: java.lang.ClassFormatError: Name index 1 in LocalVariableTable has bad constant type in class file org/eclipse/wst/jsdt/internal/core/JavaModelManager
I found
TypeEcs plugin for Typescript
it provide below.
•Syntax highlighting
•Code Completion
•Code Outline
•Find References
•Rename / Refactor
•Open Type
•Code Compilation
•Format Code
•Comment Code
•Open Declaration
•Mark Occurences
•Type Script Debug

Sublime 3 Package for Jade Syntax Highlighter,Linting,Auto Complete etc

I have installed the Sublime Text suggested packages, however nothing seems to work well for syntax highlighting, code linting and auto suggestion. Can someone suggest a complete package for Jade.
The Jade package on Package Control has 146,000 installs at the time of commenting. I'm pretty sure it works fine.
https://packagecontrol.io/packages/Jade
A highlighter using Python instead of JavaScript is also included for use with PyJade, you can either manually select Jade (Python) from the syntaxes list or give your file the extension .py.jade to select automatically (only on Sublime Text). Also included is a test.py.jade file that can be compiled with pyjade to test it.
You'll need to install Package Control first before installing any packages from there. It's really easy to do, just follow the instructions here. https://packagecontrol.io/installation (make sure you choose the correct version).
I've run into similar issues and would try a few things first:
First, if you happened to have your Jade file open when you did the install, you just need to close the file and re-open it to see package working.
If Step 1 isn't the issue, see if the package is enabled. Package Control > Enable Package > Jade. If you don't see it in the list of available options, that means it's already enabled. If it is in the list, then enable it.
If it is already enabled, first disable it with Package Control > Disable Package > Jade then re-enable it with Package Control > Enable Package > Jade.
Restart Sublime (probably not needed, but doesn't hurt).
This should get the package working for you.

Extend build of meteor with custom tasks

I have some custom script I'd like to run as part of the meteor build script, preferable within a certain step of the build process.
I am reasonable familiar with Maven, Ant and Makefile and Grunt but I can't figure out how to extend the build-process of Meteor.
There's some reference in the Documentation how to create a build-plugin, but I 'just' want to execute some (Java)script during the build. Another so-question mentions using Grunt and run Meteor as part of the build but that sounds a bit backwards as Meteor seems to be a build-system already.
Does Meteor have a build-file hidden somewhere I can extend or modify?
Since Meteor 1.2, there's an option to add your own Build Plugin. Get more info here: https://github.com/meteor/meteor/wiki/Build-Plugins-API

Categories