Learn Vue's Windows installation Live-server Super detailed article

Recent projects require vue2.0 so start learning.

Pre-Preparation:

Download node. js Address: http://nodejs.cn/download/Select the corresponding version, I downloaded the. msi 64-bit

Then double-click on the next step. When you're done, remember to configure the environment variable (don't know where the environment variable is first pulled to the bottom)

Because I installed node. js into the D-disk Nodejs directory.

Call out cmd, command to go, publish this number, OK.

Now that you're installing NPM, let's start by introducing NPM:

NPM is actually a package manager for node. js.

Why do we need a package management tool? Because we developed it on node. js, we used a lot of JavaScript code written by someone else. If we want to use someone else to write a package, each time according to the name of the official website search, download code, decompression, re-use, very cumbersome. So a centralized management of the tool came into being: we all put their own modules into the development of the NPM online, if you want to use, directly through the NPM installation can be directly used, no tube code exists where, should be downloaded from.

More importantly, if we want to use module A, and module A is dependent on module B, module B also relies on module X and module y,npm to download and manage all dependent packages based on dependencies. Otherwise, by our own manual management, must be both troublesome and error prone. (This sentence is excerpt from the Internet)

With so much to say, where is NPM? In fact, NPM has been installed in the node. JS installation in passing

To this.

Start to install Live-server (Live-server is a nodejs-based plug-in, if you know Nodejs can implement, better change the port what)

Enter the directory where you want to contact the Vue project (where you are free)

Then perform the start installation

Ah yo!! It's a mistake.

Get online and find the results ..... ..... ................................. OK, find a solution: Run cmd as an administrator, how to run it as an administrator

The administrator is displayed in the upper right corner after success

Then re-install the Live-server

Complete!

Command line (in project directory) Enter the Live-server report above error, in and your node. JS installation directory Sibling directory, there is a node directory

To configure a path in a red box to an environment variable

OK to enter the command again Live-server

It will open your directory directly under the index.html file, now you can start your learning path!!

Note: The mess of typesetting mess, please understand, I am also a small white, have the wrong words do not spray. If you have any suggestions, you can leave a message. Just install it yourself and record the process.

< where are!-------------------environment variables------------------------------------------------------->

Right-click My Computer, properties

Separate paths with semicolons

Learn Vue's Windows installation Live-server Super detailed article