Vue.js是一个渐进式的用户界面构建框架。它既融合了众多优秀前端框架的结晶，又保持了其简单易用的特点。对于对vue.js感兴趣并且已经阅读完官方基础教程的初学者来说，开始实际的项目是进一步学习vue.js的最好途径。在此之前，您需要学习如何搭建开发环境。搭建并安装node.js开发环境Node.js官网：https://nodejs.org/en/进入Node.js官网，选择下载安装Node.js。安装过程只需要点击“下一步”，如下图，非常简单。验证是否安装了Node.js。windows下win+r调出运行窗口，输入cmd打开命令行窗口。输入node-v获取对应的Node.js版本。npm包管理器集成在Node.js中，因此在安装Node.js时它会自带npm。输入npm-v获取npm版本。注意npm的版本需要在3.0.0以上，所以如果npm的版本低于3.0.0，输入以下命令更新npm到最新版本。npm-ginstallnpm安装cnpm由于资源限制，npm依赖包安装经常失败。推荐使用npm的国内镜像cnpm命令行工具，不要使用默认的npm。npm国内镜像https://npm.taobao.org/在命令行输入以下内容，等待安装npminstall-gcnpm--registry=https://registry.npm.taobao.orgcpnm安装vue-cli在命令行全局运行以下命令，等待cnpminstall-gvue-cli安装完成，新建项目。这里我会在f盘的vueProjects文件夹下构建vue项目，使用命令进入该目录。在cmd中输入盘符f：回车进入F盘：输入命令cdvueProjects跳转到该目录：在该目录下新建一个基于webpack模板的项目，即在cmd中输入如下命令：vueinitwebpackmy-vue-projectvueinitwebpackmy-vue-project意思是初始化一个项目，使用webpack打包压缩，这个项目命名为my-vue-project。这样my-vue-project文件夹就会自动生成到指定目录下。过程中需要输入项目名称、描述、作者等。打开my-vue-project文件夹，项目文件如下：安装项目依赖cmd。注意，需要先使用命令定位到my-vue-project目录，然后输入命令cnpminstall安装项目需要的依赖包资源cnpminstall可以看到多了一个node_modules文件我的-vue-项目文件夹。运行项目。使用命令npmrundev运行项目。npmrundev项目运行成功后，浏览器会自动打开localhost:8080，呈现如下页面：至此，vue的脚手架工具已经搭建完成，具体项目的开发只需要在src中进行即可目录。
