使用脚手架vue-cli创建vue项目

vue-cli是vue项目开发是脚手架工具，那么什么脚手架？脚手架引自工地里边方便房屋建造和装修的支架。在编程里边脚手架可以看做是一个项目模板，帮我们自动化的搭建好了开发环境，搞定了我们目录结构、本地调试、代码部署、热加载以及单元测试等工作，有了脚手架我们可以更方便的建造更高的楼。

使用vue-cil创建项目

第一步：安装nodejs

在nodejs官方网站nodejs.org，下载LTS版本的nodejs。下载完成后，进行下一步下一步的安装即可，安装nodejs会同时安装一个npm，这是nodejs的包管理工具。安装完毕后，将npm和nodejs部署到全局环境变量上。在cmd命令行使用node -v和npm -v可以查看安装的版本号，说明安装成功。

第二步：vue-cli

通过npm全局安装vue-cli，通过cmd命令行输入npm install vue-cli -g，回车，稍等一小会儿，就可以完成vue-cli的安装，安装完成后可以通过vue -v查看安装的版本。

第三步：创建项目

使用vue init webpack 命令创建一个项目。
使用cmd命令行切换到需要创建项目的文件夹，使用vue init webpack myvue创建名为myvue的vue项目。在创建过程中会有一些选项需要选择，此时一路回车选择默认就好了。

第四部：运行项目。

项目创建好后我们就可运行我们第一个vue项目了，同样是在cmd命令行进行启动。进入到该项目文件夹下，使用npm run dev 就可以启动我们的项目了。项目默认为8080端口。
待项目启动后，我们到浏览器中地址栏输入我们项目的地址 localhost：8080，就可以看到我们的第一个vue项目。