小白的vue安装

想学好vue还是要学会安装脚手架的，在用直接引入的方式学习了一些基本的vue操作后，决定搭建一下脚手架，安装过程中也是看了很多文档，本人是windows系统。

首先确定依赖的node环境：在命令行工具里面（win+R后输入cmd）可以查看node版本以及npm确认是否安装，npm会随着node一起安装，若没有安装可进入官网nodejs.org安装（选择较新且稳定的版本安装）

接下来安装vue的步骤可按照官网安装（vue中文官网），首先

 

大概需要两三分钟的时间，安装好之后，可以查看vue版本确认安装完成

安装完成后cd到所要写的程序的路径下（我的程序放在桌面上的vueproject文件夹下，这个程序的文件可以放置在任何路径）

进入之后可以创建一个基于 webpack 模板的新项目

 

然后按照提示进行编辑：完成后会提示进行接下来的三步：（我这里只提示了两个，因为安装时问我要不要npm install我选择了是，后来还报错了，建议选择手动安装，即按照官网的三步：

（官网截图）

 

按照提示操作

完成后开启一个端口,我的是8080的，可在页面上查看

 可以看到以下页面：

这样脚手架就搭建好了~~~

安装好的目录路径：C:\Users\Administrator\Desktop\vueproject\vue-playlist

结构：

不知道为什么有个package-lock.json，后续了解再说，或者哪位大神知道求指点~~~