Eclipse uses the Codemix plugin to develop vue.js

comparison Vscode, Codemix integration in the Eclipse plug-in, in line with the use of custom

1. Download and install node. js

Official address: nodejs.org/en/, the current version is Node-v8.11.4-x64.msi, the installation process is directly the default option.

After the installation is complete, enter node-v and npm-v in the cmd console, and if you can display the version number, the installation is successful

2. Download and install Windows git

Official address: Www.git-scm.com/downloads, the current version is Git-2.18.0-64-bit.exe, the installation process is directly the default option.

After the installation is complete, enter git--versionin the cmd console and if the version number is displayed, the installation is successful.

3. Install Eclipse Codemix Plugin

Open Eclipse, select Help -->eclipse MarketPlace, enter vue search Codeminx plug-in , click Install for installation, for example, after installation is complete, Will prompt you to restart Eclipse and click Restart.

　　

After you restart Eclipse, you will go to the Codeminx Welcome page, click Next, and then close.

4. New Vueproject

Select File-->new-->other-->codemix-->vueproject, then click Next to enter the project name, and finally click Finish Create a project, such as

　　

　　

5. Open the system terminal in the Vue project in Eclipse

Open the terminal by opening any file at the root of the project, such as READFIRST.MD or README.MD, and then using the shortcut key Ctrl + Alt + T to open it, for example, the terminal directory address is the project root directory.

　　

If the above shortcut key cannot be opened, enter Ctrl + Shift + P to open the search box, enter the Terminal keyword to find the "open Local Terminal on Selection" option, press ENTER to open the terminal

　　

6. Test Terminal commands

Enter npm-v after entering the terminal, if the display version information is normal, if the prompt cannot find the command, then shut down Eclipse and start again, such as:

　　

　　

7. Install NPM Dependency Module

Enter npm install in terminal and return to the Node_modules directory, which is a project dependency module that NPM loads

8. Run Vue Project

Enter npm run Dev in the terminal, run the Vue project, and then automatically open the browser to display the Vue Welcome page!

　　　

At this point, Codemix plug-in is finished installation and test pass, the subsequent Vue development, rely on everyone to explore!

　　Note: Please indicate the source, thank you!