#Electron api call update
Next, you can move the terminal into your new project and update the Electron version that the app will use: # move into the new project cd to-do-desktop author: ( Hit Enter key to accept the default)Īfter responding to all the questions in the installation process, a new electron -vue project is scaffolded for you.What build tool would you like to use? ( electron -builder).Set up end-to-end testing with Spectron + Mocha? ( n).Set up unit testing with Karma + Mocha? ( n).Hit enter to also accept the Standard version) Use linting with ESLint? ( Y : Yes, we will be using ESLint to ensure code quality.
#Electron api call install
Select which Vue plugins to install ( All are selected by default, hit Enter to agree to this).Project description ( Hit Enter key to accept the default).Application Version ( Hit Enter key to accept the default).Application Id ( Hit Enter key to accept the default).Below, you can find the questions and the corresponding answers you should provide for this : Running this command will take you through an interactive installation process that asks you a set of questions. To do so, open a new terminal (you have to leave the API up and running since you will make the desktop app interact with it) and issue the following command: vue init simulatedgreg/electron-vue to-do-desktop All you need is to tell Vue CLI that you want to use it as the foundation for your new app. To scaffold your application, you don't even need to install this project. This project comes bundled with other useful Vue.js libraries like Vue Router and Vuex. To scaffold your desktop application, you will use an excellent open-source project that makes it super simple to work with Vue.js and Electron: electron -vue. Now that you have the prerequisites correctly configured, you are ready to start working on the client app. Scaffolding Desktop Apps with Vue.js and Electron
#Electron api call how to
By the way, if you want to learn more about how to create APIs with Node.js and Express, you can check this tutorial that goes through the whole process from scratch. You can leave this API up and running for now (i.e., don't close the terminal). # install the API dependencies npm install # run the API npm start To do so, back in your terminal, issue the following commands: # clone the API git clone As the goal of this article is to focus on these technologies, you won't invest time building the API. This Electron and Vue.js app will need an API to function. Just like you would do in any real-world scenario.
This app will manage to-do activities and will allow users to sign in so the whole process becomes more secure. To learn about how to use Electron and Vue.js together to create modern desktop apps, you will be building a classic to-do list application. To install it, you can open a terminal and issue the following command: npm install -g What You Will Build and both Node.js and NPM installed on your system.īesides that, you will need Vue CLI 3.To be able to follow the instructions in this article, you are expected to have:
0 kommentar(er)
