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

Source: Internet
Author: User

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.