Vue项目开发前的准备工作，node的安装，vue-cli的安装

一、安装node

1-  点击这里进入node官网下载

2-

3- 下载完成是这样的

4-  双击打开进行安装，一路next，安装完成是这样

5-  打开cmd进入安装node的文件夹，输入node –v，回车，出现版本号说明node安装成功

二、vue-cli的安装

进入cmd找到刚才安装node的文件夹，输入npm install –g vue-cli安装vue-cli，此时安装的vue是2.x版本，如需安装3.x版本需先卸载2.x（通过npm uninstall vue-cli –g），再通过npm install –g @vue/cli安装vue3.x，如下图所示安装的vue2.x（详情请参考vue官网https://cli.vuejs.org/zh/guide/installation.html）

然后输入vue –V能看到版本号说明vue-cli安装成功

三、vue项目的构建

在你的vue项目文件夹下创建一个名称为vue-demo的项目，找到该文件夹输入vue init webpack vue-demo，如下图所示

等待项目构建完成。。。

项目构建完成，执行npm install

然后执行npm run dev，打开项目

出现这个界面，说明你的vue项目成功创建

接下来，进入浏览器输入http://localhost:8080,就成功打开了，你所创建的vue项目，关闭该vue项目只需在cmd中按下ctrl+c，选择y即可关闭，这次分享就到此为止了。

勤学苦练，方能成才，祝你项目顺利！！！