Webpack+vue+iview using VUE-CLI scaffold to build

1. Installing the NODEJS Environment

Download node. js. After the installation is successful, the console input node-v the version number, and the installation is successful.

If the version number does not appear, but the node is not an internal command, you need to configure the environment variable, if the version number has occurred, this step can be ignored. Cut the path where node is installed, right--My computer--and the Advanced system environment settings--environment variables--Find the PATH environment variable. Add the installation path of the replicated node.

2. You can enter a command at the console to see if the NPM Npm-v has been successfully installed, if the version number indicates that the installation was successful,

3. Below we can proceed, Vue scaffolding installed is vue-cli, in the console input NPM install-g vue-cli (Note: Try to use global installation), waiting to complete the installation.

4. We use the Webpake template to generate a project VUE init webpack file name that appears as follows when the installation is successful

5. Install package dependent on NPM install

6. When the installation is complete we execute, NPM run Dev runs. If the console appears, the following scenario indicates that the project has started.

When the browser enters localhost:8080, the following interface appears:

So, Vue, we're set up, now we're integrating iview.

7. Installing iview NPM Install iview Save using Scaffolding

8. After successful add Iview-loader loader NPM install Iview-loader--save-Dev

Webpack+vue+iview using VUE-CLI scaffold to build