Windows System Vue Development Environment Building detailed version

Remember in the front?

Before learning JS also stepped on a lot of pits, the first time with a blog to record these processes, on the one hand can be recalled, on the other hand, but also hope to help meet the same problems with my friends

PS: Will not go to search, to ask, do not feel the difficulty, temporarily go down, give up!!! We study progress together ~ ~ ~

Follow this video to learn how to build it on the Web: https://www.imooc.com/video/12299

First, Windows system, need to install node. js and Git

1.node.js:https://nodejs.org/zh-cn/download which one can be (i downloaded the first one)

2.git:https://git-scm.com/downloads Windows version This does not need to configure the environment variable, always click Next installation is complete

3. Check that your node installation is correct

Start->cmd->node-v version number greater than 6

Second, install the image cnpm (domestic npm too slow) (because I installed, so I just enter the command demo)

Or in cmd, type: NPM install-g cnpm–registry=https://registry.npm.taobao.org Enter

Iii. Installation of VUE.CLI scaffolding

is still entered in cmd: cnpm install-g vue-cli Enter the installation needs a moment.

Wait until you enter something, verify that the installation is complete: cmd input: Vue

Iv. Create a project (be sure to remember to create a folder and keep it in place) I didn't create it the first time I installed it, so I reinstalled it again.

Remember to create a file path that does not have Chinese!!!

CMD to enter this folder:

To create a project:

First project name (direct carriage return) The second item description (write it casually) the third author fourth direct carriage return

After the answer to the question yes or no, if the trouble can be directly enter all the way

Vue-router routing Plug-in ESLint Code Check Tool Unit test Unit Testing Nightwatch test framework

Finish this step, you can go to the test folder to see, will appear my-vue-project

Five

Open My-vue-project in cmd

Download dependencies for various packages

Let the project run.

You can download sublime text to see the dev in the Package.json in NPM within node (this step can be done without the effect)

Appears after success

Open the browser and enter the URL localhost:8080

Above, complete, there is no understanding of the place we can communicate together, I am also a vue small white, there is the wrong place, also welcome to correct, thank you!

Windows System Vue Development Environment build detailed version