vue初步使用

一、概念介绍

npm：前端库的管理工具，与多数语言的包管理工具一样，功能相似，一般配有一个远程的官方的地方，包含所有的库。npm是Nodejs的一个组成部分，即Nodejs下的包管理器，类似linux下的apt-get。

webpack：webpack 是为了解决文件引入过多，且不能通过编程来控制引入的库的问题的，以前为了引入js 文件需要写多个script标签，引入css文件需要写很多个style标签，但使用webpack将多个js文件和css文件打包在一个文件内，这样html页面就只需要引入一个文件。（通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。）

vue-cli：用户生成Vue工程模板。帮你快速开始一个vue项目，也就是给你一套vue结构，包含基础的依赖库。

Nodejs：是一个解释器，也可以理解为一个javascript的运行环境，浏览器自带一个解释器，不同的浏览器的解释器不同，chrome谷歌浏览器使用的是V8引擎，nodejs 是基于V8进行增强，舍弃了一些对浏览器的操作，增加了后端处理的功能。Nodejs安装到电脑中，即可使用。

TypeScript和JavaScript的关系：ypescript 是一种增强类型的面向对象的javascript语言，使用typescript的编译器可以将typescript翻译成JavaScript的代码，实质上都是j