Electron environment configuration

In simple terms, Electron framework for desktop development.

Before installing the environment, starting with the github project Download Demo " https://github.com/electron/electron-api-demos

Environment configuration process is relatively lengthy, ensure that enough patience. .

Electron project run premise environment

1.node.js installation

First enter node.js official website to download node.js , the path https://nodejs.org/en/  , the download is complete to start the installation node.js   After installation, we can see on the trip was successful and view the version on the command line           

Version 10.0.0 above

 

2. Electron installation

After downloading the project, the project opened directly using an editor, the input commands directly under the root directory of the project

Then you start to build Electron environmental input on the command line npm install -g electron globally installed

Among them, view the electron is installed successfully through the command electron -v view.

 

3. Packaging Output Tool

In order to facilitate the output of the final results, it is recommended to install electron-packager tool, installation is also very simple, it is recommended to install the following global command: npm install -g electron-packager

 

 

4.svn cut down and put away the data stored in the directory developed. In the command line jumps to the specified directory (ie downloaded from github down the project) were npm run dev after successful  

You can compile the command line input npm run build   upon successful even completed.

 

Note: When you follow the above steps, in fact, not so smooth, such as the first three steps after installation, perform the fourth step command npm run dev, may report a certain module does not exist,

[Direct] npm install the missing module installation dependent, continues to run npm run dev installed after finding may also report certain deletions, such an approach continues to cycle until no error.

Do not forget to remember what building project before running] [npm run build, run the project after [npm run dev] are not being given and pop the application form represents the successful operation of the project, namely configure the environment to complete! !

 

Guess you like

Origin www.cnblogs.com/lightmusic/p/11403736.html