Vue这个新工具，真的可以提高效率。经过一段时间的摧残，我们终于可以有一个系统的认识了。以下是今天收获的总结，这也是vue入门的精髓：

1.使用vue开发前端框架，首先要有一个环境，这个环境依赖于node，所以必须先安装node，在node中通过npm安装需要的依赖项，以此类推。

这里有一个小技巧：如果用npm直接在cmd里安装一些工具，会比较慢，所以我们用淘宝的npm镜像：输入npm install-g cnpmregistry=https://registry.npm.taobao.org，然后就可以安装npm镜像，然后直接用CNPM代替NPM。

安装npm映像后，我们开始安装全局vue-cli支架。之所以使用vue-cli，是因为这个工具可以帮助我们构建需要的模板框架，相对简单。方法：输入cnpm install -g vue-cli验证安装是否成功，在命令行输入vue，vue的信息会显示安装成功

2.安装脚手架后，开始创建新项目：命令vue init webpack vue_project(最后一个是我创建的项目文件夹的名称)

此时，已经创建了一个新的项目文件夹。这个项目文件是在使用scaffolding vue-cli的前提下创建的，所以使用了这个工具提供的默认布局。

这是用脚手架搭建的项目文档结构

3.因为所有的模板都是相互依赖的，要安装依赖项，在命令行输入cnpm install，你会发现在已经创建的项目结构中会有一个额外的node_modules文件夹，里面包含了刚刚安装的所有依赖项。

4.准备工作完成后，测试项目中默认的app.vue模块是否可以运行。这是为了首先安装服务器环境，然后输入cnpm run dev在命令行中输入回车

8080是默认端口。在浏览器地址栏输入localhost:8080，你会发现默认模块是打开的！

注意：如果vue-cli已经全局安装，那么在构建项目时不需要再次安装，直接使用vue init webpack项目名称即可

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。