运用vue脚手架搭建开发环境

[if !supportLists]一，[endif]什么是vue脚手架

对于一些基础的，常规的实现，我们利用一种工具，在工具里设置好我们要的效果，让工具来自动生成标准的代码，这种模式叫做脚手架,Vue利用Vue-CLI来生成脚手架，从而来构建，运行项目，这样你就可以专注在撰写你的应用上，而不必花好几天去纠结配置的问题。通俗来说，vue就是通过vue-cli这个工具来实现项目的搭建，编译，运行，打包等功能。

[if !supportLists]二，[endif]安装脚手架之前准备工作

1.安装node.js和npm

Vue的脚手架是依赖于node.js的，所以无论是安装新版本还是旧版本，我们都要安装node.js。

从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。

安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。

我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。