新手vue框架搭建

新手vue框架搭建

什么是脚手架

“脚手架”是一种元编程的方法，用于构建基于数据库的应用。许多MVC框架都有运用这种思想。
程序员编写一份specification（规格说明书），来描述怎样去使用数据库；而由（脚手架的）编译器来根据这份specification生成相应的代码，进行增、删、改、查数据库的操作。我们把这种模式称为"脚手架"，在脚手架上面去更高效的建造出强大的应用！

好吧，其实说白点就是可以快速帮你搭建一个项目的基础架子，你直接拿过来用然后添加新项目需要的东西。

什么是vue cli

Vue CLI是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

搭建环境

首先我们需要安装node环境，官网https://nodejs.org下载安装包。

安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

安装 Vue-cli

在命令行工具中输入 npm install -g vue-cli，安装完成后 检查是否安装成功，输入命令vue list，出现版本号即代表成功。

生成项目

需要在命令行中进入到项目目录，使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是你的项目名称。
注意在建立文件名字的时候，尽量不要和vue一些关键字重复，起一些与vue无关的名字

搭建小插曲

在搭建过程可能会出现报错，报错有两个解决办法

1. 更新npm npm install -g npm
2. 清缓存 npm cache verify

cnpm的安装方式

因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如果出现相应的版本号，则说明安装成功。