Creating a custom framework Extension for sharepoint using vue js (vuespfx) - vue.js

Creating a custom extension framework for SharePoint online using the vuespfx, scaffold can't be generated?
Using the Yeoman Generator with Vue:
npm i -g generator-vuespfx, yo vuespfx

It's may help full for you, to develop the client side extension component using react js
SharePoint Framework Extension

You may choose PnP/generator-SPFx which supports VUE framework( as I test the generator with vue framework, I didn't get erros).

Related

Use Electron in Vue project

I want put my Vue project in the Electron, so I find the method in the Internet. According to the given method on the Intenet, I make a demo to test it.
At frist, I create Vue project using vue create myProject, then I use vue add electron-builder to add Electron, then I choose the Electron version, then it prepare to install the additional dependencies. But the error is thereļ¼š
Someone could help me? Thanks!
electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding.
maybe you can try it.

How to adapt Vue component for browser build?

I have a legacy web application which I have introduced Vue into in a few places, via CDN. I have upgraded it from Vue 2 to Vue 3. There is a component used there which breaks with Vue 3, but there is a Vue 3 version of it. However, the author states this: "The component is packaged mainly for use with bundlers, if you require a browser build - post an issue." I do require a browser build. Is there some easy way I can do this for myself? I wasn't planning to use a bundler for this application, so I'm hoping I can use the existing modules to create a .js file I can use from the browser?

material-components-web for vue js

I have a website based on Vue framework and webpack.
I came across this css framework developed by Google (Material Components Web) where you can directly get started using a cdn or an npm package. It worked extremely well for a simple html/javascript based website. But, I am having issues setting it up for the Vue project.
There are other wrappers available for Vue framework like Veutify and Vue Material. But, it comes with lot of additional stuff like the grid layout which I don't want the developers to follow as we are already using a flex layout. I only want the component library.
So, is there a way use the Material Components Web with the Vue framework?
I didn't get the Material Components Web working with the Vue framework. But I did found another light-weight material design framework i.e. Material Design Lite.
Note: It is not specific to any framework. It lets you add Material Design look to your website developed in any framework
You can easily get started with a wide variety of options like cdn, bower, npm or even by downloading the files.
Material Components Web has modular architecture. Each component or API is distributed as a separate package. It means that you can use them separately, although there are some dependencies.
Also there is "root" package - material-components-web, which just references all other packages.
By default, when you add a package, it will not be included in your app. You'll need to import component's SCSS and optionally JavaScript. Basically like you would use any other component.
Reference this Vue app template as an example. As you can see here, it references only subset of MDC's components/APIs.

Where I can get detail information to build Restful API?

I developed Flutter mobile app. I need to develop a restful api for my flutter mobile app. I am using macOS and IntelliJ.
I install dart plugin. I try to create a first angular dart project and I found that there is a lib directory which has an error.
lib/generated/i18n.dart and import 'package:flutter/foundation.dart'; also
import 'package:flutter/material.dart'; couldn't found.
What is the steps to create a Angular Dart WebApp project using IntelliJ? I try to install web storm but couldn't find any community edition.
Any help please?
To create an API you need to use a back-end framework, and you would probably want to choose one depending on the languages you know.
If you want to use Dart for the API too, you can't use Angular Dart since that's a front-end framework and you can't use that to build a web API.
Simply Googling, you will find Aqueduct.
About that error: are you trying to import Flutter libraries in a Dart project?

Include VueJS Plugin without Javascript Package Manager

How can I use VueJS plugins if I don't use any Javascript Package Managers (NodeJS, NPM)?
I'm building an app made from a Bootstrap template and Server Side framework in Coldfusion (CFWheels).
I wanted to use some of VueJS's functionality such as two-way data-binding, easier integration of animation using animate.css, etc. I included it via
<script src="https://unpkg.com/vue"></script>
However, I can't use NPM as the app will be continually be improved and maintained in production.
I wanted to use some VueJS plugin such as VueJS typeahead.
When I include the script, and try the documentation, there are errors in the Javascript like being unable to import, export module, require. I think these are modern Javascript coding style that are not recognized in my setup because I didn't use the NPM and require those polyfills.
Is there a way that I can make those VueJS plugins work? Or if I can just include the polyfills needed and proceed with the plugin documentations so the browser will understand those new JS terms without using NPM or other Javascript Package Manager.